.bsna-test-mode-notice {
	margin: 0 0 16px;
	padding: 12px 14px;
	border: 1px solid #dba617;
	border-left-width: 4px;
	background: #fcf9e8;
	color: #1d2327;
	font-size: 14px;
	line-height: 1.45;
}

/* Hidden by default until JS reveals for medicaid / both. */
.elementor-field-group-help_options:not(.bsna-is-visible) {
	display: none !important;
}

.elementor-field-group-help_options.bsna-is-visible {
	display: flex !important;
	flex-wrap: wrap;
}

/* Partner stays visible by default; JS adds .bsna-is-hidden when SNAP is selected. */
.elementor-field-group-partner.bsna-is-hidden,
.elementor-field-group-partners.bsna-is-hidden {
	display: none !important;
}

/* When not required / hidden (e.g. SNAP), hide Required markers including label ::after. */
.elementor-field-group-partner.bsna-not-required .elementor-required,
.elementor-field-group-partner.bsna-not-required .required,
.elementor-field-group-partner.bsna-not-required span.elementor-form-field-required,
.elementor-field-group-partner.bsna-not-required .elementor-field-label::after,
.elementor-field-group-partner.bsna-is-hidden .elementor-field-label::after,
.elementor-field-group-partners.bsna-not-required .elementor-required,
.elementor-field-group-partners.bsna-not-required .required,
.elementor-field-group-partners.bsna-not-required span.elementor-form-field-required,
.elementor-field-group-partners.bsna-not-required .elementor-field-label::after,
.elementor-field-group-partners.bsna-is-hidden .elementor-field-label::after,
.elementor-field-group-help_options.bsna-not-required .elementor-required,
.elementor-field-group-help_options.bsna-not-required .required,
.elementor-field-group-help_options.bsna-not-required span.elementor-form-field-required,
.elementor-field-group-help_options.bsna-not-required .elementor-field-label::after,
.elementor-field-group-help_options:not(.bsna-is-visible) .elementor-field-label::after {
	content: none !important;
	display: none !important;
}

/*
 * Placeholder look for selects with empty value selected
 * (Elementor options line: "Choose an option|").
 * Elementor uses .elementor-field-textual on selects, not always .elementor-field.
 */
.elementor-widget-form .elementor-field-type-select select.elementor-field-textual,
.elementor-widget-form .elementor-field-type-select select.elementor-field,
.elementor-widget-form .elementor-field-group-preferred_language select,
.elementor-widget-form .elementor-field-group-partner select,
.elementor-widget-form .elementor-field-group-partners select,
.elementor-widget-form .elementor-field-group-how_did_you_hear_about_service select {
	color: #1d2327;
}

.elementor-widget-form .elementor-field-type-select select.bsna-is-placeholder,
.elementor-widget-form .elementor-field-type-select select.elementor-field-textual:has(> option[value=""]:checked),
.elementor-widget-form .elementor-field-type-select select.elementor-field:has(> option[value=""]:checked),
.elementor-widget-form .elementor-field-type-select select.elementor-field-textual:required:invalid,
.elementor-widget-form .elementor-field-type-select select.elementor-field:required:invalid,
.elementor-widget-form .elementor-field-group-preferred_language select.bsna-is-placeholder,
.elementor-widget-form .elementor-field-group-partner select.bsna-is-placeholder,
.elementor-widget-form .elementor-field-group-partners select.bsna-is-placeholder,
.elementor-widget-form .elementor-field-group-how_did_you_hear_about_service select.bsna-is-placeholder {
	color: rgba(29, 35, 39, 0.42) !important;
}

.elementor-widget-form .elementor-field-type-select select option {
	color: #1d2327;
}

.elementor-widget-form .elementor-field-type-select select option[value=""] {
	color: rgba(29, 35, 39, 0.42);
}

/*
 * Elementor Pro injects (on submit only):
 *   <span class="elementor-button-text elementor-form-spinner">
 *     <i class="fa fa-spinner fa-spin"></i>&nbsp;
 *   </span>
 * Font Awesome is not enqueued on this site, so the FA glyph never paints
 * and color:#fff on .eicon-* / .fa does nothing. Draw a CSS white spinner.
 * Scoped to request_help_form via help_with field presence.
 */
@keyframes bsna-form-spin {
	to {
		transform: rotate(360deg);
	}
}

.elementor-form:has(.elementor-field-group-help_with) .elementor-button .elementor-form-spinner {
	display: inline-flex !important;
	align-items: center;
	vertical-align: middle;
	margin-inline-end: 0.4em;
	color: #fff !important;
}

.elementor-form:has(.elementor-field-group-help_with) .elementor-button .elementor-form-spinner i.fa,
.elementor-form:has(.elementor-field-group-help_with) .elementor-button .elementor-form-spinner i.fa-spinner,
.elementor-form:has(.elementor-field-group-help_with) .elementor-button .elementor-form-spinner i {
	display: inline-block !important;
	box-sizing: border-box !important;
	width: 0.95em !important;
	height: 0.95em !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 2px solid rgba(255, 255, 255, 0.35) !important;
	border-top-color: #fff !important;
	border-radius: 50% !important;
	background: transparent !important;
	font-size: 14px !important;
	line-height: 0 !important;
	color: transparent !important;
	vertical-align: middle;
	animation: bsna-form-spin 0.7s linear infinite !important;
}

.elementor-form:has(.elementor-field-group-help_with) .elementor-button .elementor-form-spinner i::before,
.elementor-form:has(.elementor-field-group-help_with) .elementor-button .elementor-form-spinner i.fa::before,
.elementor-form:has(.elementor-field-group-help_with) .elementor-button .elementor-form-spinner i.fa-spinner::before {
	content: none !important;
	display: none !important;
}

/*
 * Custom form success (Elementor Advanced → CSS ID: get-help-form-success-message).
 * Hidden on the live frontend until JS reveals it after Elementor submit_success.
 * Stay visible in Elementor edit/preview so the block can be designed.
 */
body:not(.elementor-editor-active):not(.elementor-editor-preview) #get-help-form-success-message:not(.bsna-is-visible) {
	display: none !important;
}

.elementor-form.bsna-has-custom-success .elementor-message.elementor-message-success {
	display: none !important;
}

/* Hide the request-help form (widget wrapper or form) after submit_success only. */
.elementor-widget-form.bsna-form-success-hidden,
.elementor-form.bsna-form-success-hidden {
	display: none !important;
}
