/**
 * WB Form — self-contained styling.
 *
 * 1:1 port of the avantas Pro Form design controls (field/label/button
 * typography, colors, borders, gaps) + the element's Custom CSS overrides.
 * Elementor Pro normally turns the form widget's design settings into CSS, but
 * Pro is detached on this tenant, so the design + custom_css never render. This
 * stylesheet reproduces the net visual result, scoped to `.wb-form` (the class
 * the WB_Form widget adds to its <form>), so it cannot bleed onto any other
 * tenant's Elementor form. Values lifted verbatim from t005 form #6b57b69.
 */

/* ── Column / row gap (Pro: column_gap 50px, row_gap 45px) ─────────────────── */
.wb-form .elementor-form-fields-wrapper {
	margin-left: -25px;
	margin-right: -25px;
}
.wb-form .elementor-form-fields-wrapper .elementor-field-group {
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 45px;
}

/* ── Labels (IBM Plex Mono, uppercase, #F4ECDC) ───────────────────────────── */
.wb-form .elementor-field-group > label,
.wb-form .elementor-field-label {
	color: #F4ECDC;
	font-family: "IBM Plex Mono", monospace;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 2.5em;
	letter-spacing: 0.2em;
}

/* ── Fields (Manrope, transparent bg, bottom hairline border) ─────────────── */
.wb-form .elementor-field-group .elementor-field {
	color: #FFFFFF;
	font-family: "Manrope", sans-serif;
	font-size: 21px;
	font-weight: 400;
	background-color: transparent;
	border-color: rgba(244, 236, 220, 0.2); /* #F4ECDC33 */
	border-style: solid;
	border-width: 0 0 2px 0;
	border-radius: 0;
	padding: 0; /* element custom_css override */
}
.wb-form .elementor-field-group textarea.elementor-field {
	padding: 0;
}
.wb-form .elementor-field-group .elementor-field::placeholder {
	color: rgba(255, 255, 255, 0.5);
	opacity: 1;
}

/* ── Submit button (custom_css overrides: red #E73331 / white text) ────────── */
.wb-form .elementor-button {
	font-family: "Manrope", sans-serif;
	font-size: 21px;
	font-weight: 600;
	background-color: #E73331;
	color: #FFFFFF;
	border-radius: 0;
	padding: 16px 60px;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.wb-form .elementor-button:hover {
	background-color: #1B1813;
	color: #FFFFFF;
}

/* ── Inline status / message node ─────────────────────────────────────────── */
.wb-form .wb-form-message[hidden] {
	display: none;
}
.wb-form .wb-form-message {
	margin-top: 12px;
	font-family: "Manrope", sans-serif;
	color: #F4ECDC;
}