/*
 * DEBs WAY brand styling for SureForms.
 * Applies globally to every SureForms form on debsway.eu, regardless of how
 * a form's own per-form styling/meta is configured (which is inconsistent
 * across migrated forms and in some cases references Astra-only CSS
 * variables that don't exist under Twenty Twenty-Five).
 */

.srfm-form-container {
	--srfm-color-scheme-primary: #6D0C18 !important;
	--srfm-color-scheme-text: #3C4142 !important;
	--srfm-color-scheme-text-on-primary: #FFFFFF !important;
	--srfm-quill-editor-color: #6D0C18 !important;

	--srfm-color-input-label: #3C4142 !important;
	--srfm-color-input-text: #3C4142 !important;
	--srfm-color-input-description: rgba(60, 65, 66, 0.65) !important;
	--srfm-color-input-placeholder: rgba(60, 65, 66, 0.5) !important;
	--srfm-color-input-prefix: rgba(60, 65, 66, 0.65) !important;
	--srfm-color-multi-choice-svg: rgba(60, 65, 66, 0.7) !important;

	--srfm-color-input-background: #FFFFFF !important;
	--srfm-color-input-background-hover: rgba(60, 65, 66, 0.05) !important;
	--srfm-color-input-background-disabled: rgba(60, 65, 66, 0.07) !important;

	--srfm-color-input-border: rgba(60, 65, 66, 0.25) !important;
	--srfm-color-input-border-hover: rgba(109, 12, 24, 0.65) !important;
	--srfm-color-input-border-disabled: rgba(60, 65, 66, 0.15) !important;
	--srfm-color-input-border-focus-glow: rgba(109, 12, 24, 0.15) !important;
	--srfm-color-input-selected: rgba(109, 12, 24, 0.1) !important;

	background-color: #EDE6DF !important;
	font-family: 'Tenor Sans', sans-serif;
	color: #3C4142;
}

/* Headings inside forms: regular block headings and the srfm/advanced-heading
   divider that replaced the unsupported srfm/section-heading block. */
.srfm-form-container .wp-block-heading,
.srfm-form-container .uagb-heading-text,
.srfm-form-container .srfm-block-section-heading .srfm-label {
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	color: #6D0C18 !important;
}

.srfm-form-container .srfm-block-label,
.srfm-form-container .srfm-block-legend {
	color: #3C4142 !important;
	font-family: 'Tenor Sans', sans-serif;
}

/* Required-field asterisk */
.srfm-form-container .srfm-required {
	color: #6D0C18 !important;
}

/* Input fields: white background (no cream tint), subtle border matching .com */
.srfm-form-container .srfm-input-common,
.srfm-form-container select,
.srfm-form-container .srfm-dropdown-search-input,
.srfm-form-container input[type="text"],
.srfm-form-container input[type="number"],
.srfm-form-container input[type="email"],
.srfm-form-container input[type="tel"],
.srfm-form-container input[type="password"],
.srfm-form-container input[type="date"],
.srfm-form-container textarea {
	background-color: #FFFFFF !important;
	border: 1px solid rgba(60, 65, 66, 0.25) !important;
	color: #3C4142 !important;
}

.srfm-form-container .srfm-input-common:focus,
.srfm-form-container input:focus,
.srfm-form-container textarea:focus,
.srfm-form-container select:focus {
	border-color: #6D0C18 !important;
	outline-color: #6D0C18 !important;
}

/* Buttons: submit / next / previous */
.srfm-form-container .srfm-submit-button,
.srfm-form-container #srfm-submit-btn,
.srfm-form-container .srfm-nxt-btn {
	background-color: #6D0C18 !important;
	color: #FFFFFF !important;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	border: none !important;
}

.srfm-form-container .srfm-pre-btn {
	background-color: #AC8A6B !important;
	color: #FFFFFF !important;
	border: none !important;
}

/* Standalone single-form page banner (Twenty Twenty-Five's default dark-blue
   cover, replaced with the DEBs WAY dark red). */
.single-sureforms_form .srfm-single-page-container .srfm-page-banner,
.srfm-page-banner {
	background-color: #6D0C18 !important;
}

.srfm-single-banner-title {
	color: #FFFFFF !important;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
}