/**
 * Greenhouse Growth Forms host compatibility for Ohio.
 *
 * Scope is intentionally narrow. WordPress/Ohio is only the host surface: form identity,
 * fields, validation, security, destinations, copy and state still come from Greenhouse and
 * the portable <greenhouse-form> renderer.
 */

:where(.eo-growth-form, .gh-growth-form-host, .gh-aeo-growth-form-host, .gh-aeo-growth-form-card) {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
	overflow-x: clip;
}

:where(.eo-growth-form, .gh-growth-form-host, .gh-aeo-growth-form-host, .gh-aeo-growth-form-card) *,
:where(.eo-growth-form, .gh-growth-form-host, .gh-aeo-growth-form-host, .gh-aeo-growth-form-card) *::before,
:where(.eo-growth-form, .gh-growth-form-host, .gh-aeo-growth-form-host, .gh-aeo-growth-form-card) *::after {
	box-sizing: border-box;
}

:where(.eo-growth-form, .gh-growth-form-host) {
	--ghf-font: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--ghf-bg: transparent;
	--ghf-fg: #101827;
	--ghf-muted: #6d7b92;
	--ghf-accent: #36c8bf;
	--ghf-accent-contrast: #052b42;
	--ghf-field-bg: #ffffff;
	--ghf-border: #d9e4ee;
	--ghf-border-strong: #b8c7d9;
	--ghf-error: #a9352a;
	--ghf-error-bg: #fff0ee;
	--ghf-success: #1c9f7d;
	--ghf-radius: 14px;
	--ghf-gap: 18px;
	--ghf-focus: 0 0 0 4px rgba(54, 200, 191, 0.18);
	--ghf-field-shadow: 0 1px 0 rgba(16, 24, 39, 0.02), 0 10px 26px rgba(16, 24, 39, 0.035);
	--ghf-field-shadow-focus: 0 1px 0 rgba(16, 24, 39, 0.02), 0 18px 38px rgba(54, 200, 191, 0.12);
	--ghf-action-shadow: 0 18px 34px rgba(54, 200, 191, 0.22);
	--ghf-action-shadow-hover: 0 22px 44px rgba(54, 200, 191, 0.28);
}

:where(.eo-growth-form, .gh-growth-form-host, .gh-aeo-growth-form-host, .gh-aeo-growth-form-card) greenhouse-form {
	color-scheme: light;
	display: block;
	font-family: var(--ghf-font, "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	letter-spacing: 0;
	max-width: 100%;
	min-width: 0;
	text-transform: none;
	width: 100%;
}

:where(.eo-growth-form, .gh-growth-form-host, .gh-aeo-growth-form-host, .gh-aeo-growth-form-card) greenhouse-form :where(
	.ghf-root,
	.ghf-field,
	.ghf-label,
	.ghf-input,
	.ghf-textarea,
	.ghf-select,
	.ghf-select-trigger,
	.ghf-select-list,
	.ghf-select-option,
	.ghf-btn
) {
	font-family: inherit;
	letter-spacing: 0;
	text-transform: none;
}

:where(.eo-growth-form, .gh-growth-form-host, .gh-aeo-growth-form-host, .gh-aeo-growth-form-card) greenhouse-form :where(
	.ghf-input,
	.ghf-textarea,
	.ghf-select,
	.ghf-select-trigger
) {
	appearance: none !important;
	background-color: var(--ghf-field-bg, #ffffff) !important;
	background-image: none !important;
	border: 1px solid var(--ghf-border, #d9e4ee) !important;
	box-shadow: var(--ghf-field-shadow, none) !important;
	color: var(--ghf-fg, #101827) !important;
	font: inherit !important;
	max-width: 100%;
	outline: 0;
	width: 100%;
}

:where(.eo-growth-form, .gh-growth-form-host, .gh-aeo-growth-form-host, .gh-aeo-growth-form-card) greenhouse-form :where(
	.ghf-input,
	.ghf-textarea,
	.ghf-select,
	.ghf-select-trigger
):focus {
	border-color: var(--ghf-border-strong, #b8c7d9) !important;
	box-shadow: var(--ghf-field-shadow-focus, var(--ghf-focus, 0 0 0 4px rgba(54, 200, 191, 0.18))) !important;
}

:where(.eo-growth-form, .gh-growth-form-host, .gh-aeo-growth-form-host, .gh-aeo-growth-form-card) greenhouse-form .ghf-select-list {
	background: var(--ghf-field-bg, #ffffff) !important;
	background-image: none !important;
	border: 1px solid var(--ghf-border, #d9e4ee) !important;
	box-shadow: 0 22px 54px rgba(16, 24, 39, 0.16) !important;
	color: var(--ghf-fg, #101827) !important;
	max-width: 100%;
	z-index: 30;
}

:where(.eo-growth-form, .gh-growth-form-host, .gh-aeo-growth-form-host, .gh-aeo-growth-form-card) greenhouse-form .ghf-btn {
	background: var(--ghf-accent, #36c8bf) !important;
	background-image: none !important;
	border-color: transparent !important;
	box-shadow: var(--ghf-action-shadow, none) !important;
	color: var(--ghf-accent-contrast, #052b42) !important;
	font: inherit !important;
	letter-spacing: 0;
	text-transform: none;
}

:where(.eo-growth-form, .gh-growth-form-host, .gh-aeo-growth-form-host, .gh-aeo-growth-form-card) greenhouse-form .ghf-btn:hover {
	box-shadow: var(--ghf-action-shadow-hover, var(--ghf-action-shadow, none)) !important;
}

@media (max-width: 640px) {
	:where(.eo-growth-form, .gh-growth-form-host, .gh-aeo-growth-form-host, .gh-aeo-growth-form-card) {
		overflow-x: hidden;
	}
}

@media (prefers-reduced-motion: reduce) {
	:where(.eo-growth-form, .gh-growth-form-host, .gh-aeo-growth-form-host, .gh-aeo-growth-form-card) greenhouse-form * {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.001ms !important;
	}
}