/**
 * airi-lite — theme Fluent Forms to the AIRI accent.
 *
 * The oAIRI forms ship with Fluent Forms' default blue (inline
 * submitButton background #1a7efb + FF's CSS accents #1a7efb/#007bff). This
 * repaints them to the AIRI accent via `var(--global-palette1, #C00000)`, so
 * the network shows #C00000 and a sub-brand's Kadence palette re-themes its own
 * forms. `!important` is required to beat FF's per-form inline button colour.
 */
.fluentform {
	--airi-ff: var(--global-palette1, #C00000);
	/* Contrast-aware companions (task-20260710-002): --airi-on-accent = label colour ON the accent
	   (black|white by WCAG); --airi-ff-text = readable accent-AS-TEXT. Both fall back so the network
	   #C00000 (which needs no adjustment) renders exactly as before. */
	--airi-ff-text: var(--airi-accent-text, var(--airi-ff));
}

/* --- primary action buttons (submit / next-step / save & resume) — beats inline colours.
   Multi-step forms render these client-side, so target every FF action class. --- */
.fluentform .ff-btn-submit,
.fluentform .ff-btn-next,
.fluentform .ff-btn-save-progress,
.fluentform .ff_save_button,
.fluentform button.ff_save_button,
.fluentform button.ff-btn-submit,
.fluentform .ff-btn.ff-btn-submit,
.fluentform input[type="submit"] {
	background-color: var(--airi-ff) !important;
	border-color: var(--airi-ff) !important;
	color: var(--airi-on-accent, #ffffff) !important;
}
.fluentform .ff-btn-submit:hover,
.fluentform .ff-btn-next:hover,
.fluentform .ff-btn-save-progress:hover,
.fluentform .ff_save_button:hover,
.fluentform .ff-btn-submit:focus,
.fluentform .ff-btn-next:focus,
.fluentform input[type="submit"]:hover {
	filter: brightness(0.92);
}

/* --- secondary "Previous" step button: accent outline (reads as a back action) --- */
.fluentform .ff-btn-prev {
	background-color: transparent !important;
	border-color: var(--airi-ff) !important;
	color: var(--airi-ff-text) !important;
}

/* --- inputs: native control accent + focus ring --- */
.fluentform input,
.fluentform textarea,
.fluentform select {
	accent-color: var(--airi-ff);
}
.fluentform .ff-el-input--content input:focus,
.fluentform .ff-el-input--content textarea:focus,
.fluentform .ff-el-input--content select:focus,
.fluentform input:focus,
.fluentform textarea:focus,
.fluentform select:focus {
	border-color: var(--airi-ff) !important;
	box-shadow: 0 0 0 1px var(--airi-ff) !important;
}

/* --- radio / checkbox selected state --- */
.fluentform .ff-el-form-check input[type="radio"]:checked,
.fluentform .ff-el-form-check input[type="checkbox"]:checked,
.fluentform .ff_ck_button.checked,
.fluentform .ff-el-form-check-label input:checked {
	background-color: var(--airi-ff) !important;
	border-color: var(--airi-ff) !important;
}

/* --- multi-step progress bar + active step --- */
.fluentform .ff-el-progress-bar,
.fluentform .ff-el-progress .ff-el-progress-bar,
.fluentform .fluentform-step-titles li.active .ff-el-progress-bar {
	background-color: var(--airi-ff) !important;
}
.fluentform .fluentform-step-titles li.active,
.fluentform .fluentform-step-titles li.completed,
.fluentform .ff-step-header .active {
	color: var(--airi-ff-text) !important;
}
.fluentform .fluentform-step-titles li.active .fluentform-step-title-count,
.fluentform .fluentform-step-titles li.completed .fluentform-step-title-count {
	background-color: var(--airi-ff) !important;
	border-color: var(--airi-ff) !important;
}

/* --- links inside the form --- */
.fluentform a {
	color: var(--airi-ff-text);
}