.wp-block-custom-theme-saela-lead-form.saela-lead-form {
	background: #fff;
	border: 1px solid rgba(38, 69, 61, 0.14);
	border-radius: 14px;
	box-shadow: 0 18px 40px -22px rgba(38, 69, 61, 0.35);
	color: #26453d;
	font-family: Inter, system-ui, sans-serif;
	padding: 26px;
}

.saela-lead-form--dark {
	background: #26453d;
	border-color: rgba(245, 245, 235, 0.18);
	box-shadow: none;
	color: #f5f5eb;
}

.saela-lead-form__header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

.saela-lead-form__step-label {
	color: rgba(38, 69, 61, 0.6);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.saela-lead-form--dark .saela-lead-form__step-label,
.saela-lead-form--dark .saela-lead-form__time {
	color: rgba(245, 245, 235, 0.7);
}

.saela-lead-form__time {
	color: rgba(38, 69, 61, 0.6);
	font-size: 11px;
}

.saela-lead-form__progress {
	background: rgba(38, 69, 61, 0.14);
	border-radius: 2px;
	height: 3px;
	margin-bottom: 18px;
	overflow: hidden;
}

.saela-lead-form--dark .saela-lead-form__progress {
	background: rgba(245, 245, 235, 0.18);
}

.saela-lead-form__progress-bar {
	background: #ea9230;
	height: 100%;
	transition: width 240ms ease;
	width: 33%;
}

.saela-lead-form__preview {
	color: rgba(38, 69, 61, 0.6);
	font-size: 13px;
	margin: 0;
}

/* ------------------------------------------------------------------ */
/* Gravity Form 11 inside the card — match the old multi-step form.   */
/* Form 11 provides hook classes: saela-gf-pests, saela-gf-urgency,   */
/* saela-gf-plain, saela-gf-consent.                                  */
/* ------------------------------------------------------------------ */

.saela-lead-form .gform_wrapper {
	font-family: Inter, system-ui, sans-serif;
	margin: 0;
}

/* GF's own progress bar stays in the DOM (view.js reads it to sync the
   card header) but the card chrome is the visible progress UI. */
.saela-lead-form .gf_progressbar_wrapper {
	display: none;
}

/* The old form had no "(Required)" markers. */
.saela-lead-form .gfield_required {
	display: none;
}

.saela-lead-form .gform_wrapper fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Step questions ("What's the pest?", "How soon do you need us?",
   "Where do we send the quote?") styled like the old __title. */
.saela-lead-form .gform_wrapper .gfield_label {
	color: inherit;
	display: block;
	font-family: "DM Serif Display", Georgia, serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.15;
	margin: 0 0 12px;
	padding: 0;
}

/* Placeholder-only fields (phone, ZIP) and the consent row hide their
   labels, like the old placeholder-driven inputs. */
.saela-lead-form .saela-gf-plain .gfield_label,
.saela-lead-form .saela-gf-consent .gfield_label {
	display: none;
}

.saela-lead-form .gfield--type-consent .gfield_label {
	display: none;
}

.saela-lead-form .gfield--type-consent .ginput_container_consent,
.saela-lead-form .saela-gf-consent .ginput_container_consent {
	align-items: flex-start;
	color: rgba(38, 69, 61, 0.6);
	display: flex;
	font-size: 11px;
	gap: 8px;
	line-height: 1.5;
	margin-top: 10px;
}

.saela-lead-form .gfield--type-consent input[type="checkbox"],
.saela-lead-form .saela-gf-consent input[type="checkbox"] {
	border-color: rgba(38, 69, 61, 0.35) !important;
}

.saela-lead-form .gfield--type-consent input[type="checkbox"]:checked,
.saela-lead-form .saela-gf-consent input[type="checkbox"]:checked {
	background-color: #ea9230 !important;
	border-color: #ea9230 !important;
}

.saela-lead-form .gfield--type-consent input[type="checkbox"]:focus-visible,
.saela-lead-form .saela-gf-consent input[type="checkbox"]:focus-visible {
	outline-color: #ea9230;
}

.saela-lead-form .gfield--type-consent .gfield_consent_label,
.saela-lead-form .saela-gf-consent .gfield_consent_label {
	font-size: 11px;
	line-height: 1.5;
	margin: 0;
}

.saela-lead-form .gchoice {
	margin: 0;
	position: relative;
}

/* Overlay the native control on the styled label so focus stays in place
   instead of jumping the page to a 1px clipped input. */
.saela-lead-form .gfield_radio .gfield-choice-input {
	clip: auto;
	clip-path: none;
	cursor: pointer;
	height: 100%;
	inset: 0;
	margin: 0;
	opacity: 0;
	overflow: visible;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

/* Out-specifies gravity-theme's `max-width: calc(100% - 32px)` clamp. */
.saela-lead-form .gform_wrapper.gravity-theme .gfield-choice-input + label {
	max-width: 100%;
}

.saela-lead-form .gfield_radio .gform-field-label--type-inline {
	background: #f5f5eb;
	border: 1px solid rgba(38, 69, 61, 0.14);
	border-radius: 8px;
	box-sizing: border-box;
	color: #26453d;
	cursor: pointer;
	display: block;
	font-family: Inter, system-ui, sans-serif;
	font-size: 14px;
	font-weight: 500;
	margin: 0;
	max-width: none;
	padding: 12px 14px;
	text-align: left;
	transition: border-color 120ms, background 120ms;
	width: 100%;
}

.saela-lead-form .gfield_radio .gfield-choice-input:checked + label,
.saela-lead-form .gfield_radio .gform-field-label--type-inline:hover {
	background: rgba(234, 146, 48, 0.12);
	border-color: #ea9230;
}

.saela-lead-form .gfield_radio .gfield-choice-input:focus-visible + label {
	outline: 2px solid #ea9230;
	outline-offset: 2px;
}

/* Pest choices: 2-column grid, like the old __pest-grid. */
.saela-lead-form .saela-gf-pests .gfield_radio {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, 1fr);
}

/* Urgency choices: stacked, like the old __urgency-list. */
.saela-lead-form .saela-gf-urgency .gfield_radio {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* Text inputs styled like the old __fields inputs. */
.saela-lead-form .gform_wrapper input[type="text"],
.saela-lead-form .gform_wrapper input[type="tel"],
.saela-lead-form .gform_wrapper input[type="email"],
.saela-lead-form .gform_wrapper input[type="number"] {
	background: #f5f5eb !important;
	border: 1px solid rgba(38, 69, 61, 0.14) !important;
	border-radius: 8px !important;
	box-sizing: border-box;
	color: #26453d !important;
	font-family: Inter, system-ui, sans-serif !important;
	font-size: 14px !important;
	outline: none;
	padding: 12px 14px !important;
	width: 100%;
}

/* Continue / submit buttons styled like the old __submit. */
.saela-lead-form .gform_wrapper .gform_next_button,
.saela-lead-form .gform_wrapper .gform_button {
	background: #ea9230 !important;
	border: none !important;
	border-radius: 8px !important;
	color: #fff !important;
	cursor: pointer;
	font-family: Inter, system-ui, sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	margin-top: 4px;
	padding: 14px 18px !important;
	width: 100% !important;
}

.saela-lead-form .gform_wrapper .gform_next_button,
.saela-lead-form .gform_wrapper .gform_button,
.saela-lead-form .gform_wrapper .gform_previous_button {
	transition: color 160ms ease, filter 160ms ease;
}

.saela-lead-form .gform_wrapper .gform_next_button:hover,
.saela-lead-form .gform_wrapper .gform_button:hover {
	filter: brightness(0.88);
}

.saela-lead-form .gform_wrapper .gform_previous_button:hover {
	color: #26453d !important;
}

.saela-lead-form--dark .gform_wrapper .gform_previous_button:hover {
	color: #f5f5eb !important;
}

/* Back / Previous styled like the old __back text link. */
.saela-lead-form .gform_wrapper .gform_previous_button {
	align-self: flex-start;
	background: none !important;
	border: none !important;
	color: rgba(38, 69, 61, 0.6) !important;
	cursor: pointer;
	font-family: Inter, system-ui, sans-serif !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	margin-top: 12px;
	padding: 0 !important;
	width: auto !important;
}

/* Footer: submit on top, back below (markup order is reversed). */
.saela-lead-form .gform_wrapper .gform_page_footer,
.saela-lead-form .gform_wrapper .gform_footer {
	background: none;
	border: none;
	display: flex;
	flex-direction: column-reverse;
	gap: 0;
	margin: 0;
	padding: 0;
}

/* Consent row styled like the old __disclaimer. */
.saela-lead-form .saela-gf-consent .ginput_container_consent {
	align-items: flex-start;
	color: rgba(38, 69, 61, 0.6);
	display: flex;
	font-size: 11px;
	gap: 8px;
	line-height: 1.5;
	margin-top: 10px;
}

.saela-lead-form .saela-gf-consent input[type="checkbox"] {
	border-color: rgba(38, 69, 61, 0.35) !important;
}

.saela-lead-form .saela-gf-consent input[type="checkbox"]:checked {
	background-color: #ea9230 !important;
	border-color: #ea9230 !important;
}

.saela-lead-form .saela-gf-consent .gfield_consent_label {
	font-size: 11px;
	line-height: 1.5;
	margin: 0;
}

/* Validation kept quiet and compact. */
.saela-lead-form .gform_wrapper .gfield_validation_message {
	background: none;
	border: none;
	color: #b3261e;
	font-size: 12px;
	margin-top: 6px;
	padding: 0;
}

.saela-lead-form .gform_wrapper .gform_validation_errors {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0 0 12px;
	padding: 0;
}

.saela-lead-form .gform_wrapper .gform_submission_error {
	color: #b3261e;
	font-family: Inter, system-ui, sans-serif;
	font-size: 14px;
}

/* Success / confirmation message. */
.saela-lead-form .gform_confirmation_message {
	color: inherit;
	font-family: Inter, system-ui, sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

/* Dark-variant counterparts (old --dark overrides). */
.saela-lead-form--dark .gfield_radio .gform-field-label--type-inline {
	background: rgba(245, 245, 235, 0.06);
	border-color: rgba(245, 245, 235, 0.18);
	color: #f5f5eb;
}

.saela-lead-form--dark .gfield_radio .gfield-choice-input:checked + label,
.saela-lead-form--dark .gfield_radio .gform-field-label--type-inline:hover {
	background: rgba(234, 146, 48, 0.12);
	border-color: #ea9230;
}

.saela-lead-form--dark .gform_wrapper input[type="text"],
.saela-lead-form--dark .gform_wrapper input[type="tel"],
.saela-lead-form--dark .gform_wrapper input[type="email"],
.saela-lead-form--dark .gform_wrapper input[type="number"] {
	background: rgba(245, 245, 235, 0.06) !important;
	border-color: rgba(245, 245, 235, 0.18) !important;
	color: #f5f5eb !important;
}

.saela-lead-form--dark .gform_wrapper .gform_previous_button {
	color: rgba(245, 245, 235, 0.7) !important;
}

.saela-lead-form--dark .saela-gf-consent .ginput_container_consent {
	color: rgba(245, 245, 235, 0.7);
}

/* Footer "Get a Free Inspection" modal — no card chrome, keep GF progress. */
.footer-modal .modal-form.saela-lead-form {
	border: 0;
	box-shadow: none;
	padding: 0;
}

.footer-modal .modal-form.saela-lead-form .gf_progressbar_wrapper {
	display: block;
}