/*
 * Jotform inline-embed CSS overrides — applied in Phase 6.
 * Lives at theme load time so the overrides win once Jotform mounts.
 * Brand-token-only; no hard-coded hex.
 */

@layer patterns {
	.jotform-embed {
		/* container baseline */
		max-width: 720px;
		margin-inline: auto;
	}

	.jotform-embed :where(input, textarea, select) {
		background: var(--wp--preset--color--navy-800);
		color: var(--wp--preset--color--white);
		border: 1px solid var(--wp--preset--color--white-alpha-15);
		border-radius: var(--wp--custom--radius--md);
		padding: 0.75rem 1rem;
	}

	.jotform-embed :where(input, textarea, select):focus-visible {
		border-color: var(--wp--preset--color--amber-400);
		outline: 2px solid var(--wp--preset--color--amber-400);
		outline-offset: 2px;
	}

	.jotform-embed :where(label) {
		color: var(--wp--preset--color--white-alpha-65);
		font-size: var(--wp--preset--font-size--sm);
		font-weight: 500;
	}

	.jotform-embed :where(button[type="submit"], .form-submit-button, .jf-form-buttons) {
		background: var(--wp--preset--color--amber-400) !important;
		color: var(--wp--preset--color--navy-950) !important;
		font-weight: 600;
		border-radius: var(--wp--custom--radius--md);
	}

	/* color !important defeats theme.json elements.link, which emits an
	   unlayered `a:where(:not(.wp-element-button))` rule that ties this
	   selector's specificity but wins via cascade origin (unlayered > layered). */
	.jotform-embed__link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 3rem;
		padding: 0.85rem 1.25rem;
		background: var(--wp--preset--color--amber-400);
		color: var(--wp--preset--color--navy-950) !important;
		border: 1px solid var(--wp--preset--color--amber-400);
		border-radius: var(--wp--custom--radius--md);
		font-weight: 700;
		line-height: 1;
		text-decoration: none;
	}

	.jotform-embed__link:hover,
	.jotform-embed__link:focus-visible {
		background: var(--wp--preset--color--amber-300);
		border-color: var(--wp--preset--color--amber-300);
		color: var(--wp--preset--color--navy-950) !important;
	}

	.jotform-embed__link:focus-visible {
		outline: 2px solid var(--wp--preset--color--white);
		outline-offset: 3px;
	}
}

[id="241434740259052"] #input_2.form-submit-button {
	background: var(--wp--preset--color--amber-400) !important;
	background-color: var(--wp--preset--color--amber-400) !important;
	color: var(--wp--preset--color--navy-950) !important;
	border-color: var(--wp--preset--color--amber-400) !important;
}