/**
 * McMyra form styling.
 *
 * WPForms' modern render markup exposes its own custom properties, so the brand
 * is applied by overriding those on the container rather than by out-specifying
 * the plugin's stylesheet. Values reference the Elementor global variables with
 * literal fallbacks, matching the convention in brand.css.
 */

.wpforms-container.wpforms-render-modern {
	--wpforms-field-border-radius: 12px;
	--wpforms-field-border-size: 1px;
	--wpforms-field-border-style: solid;
	--wpforms-field-border-color: var( --line, #d8dfe6 );
	--wpforms-field-background-color: var( --white, #ffffff );
	--wpforms-field-text-color: var( --ink, #0e2034 );
	--wpforms-field-size-input-height: 50px;
	--wpforms-field-size-padding-h: 16px;
	--wpforms-field-size-font-size: 16px;
	--wpforms-field-size-input-spacing: 20px;
	--wpforms-label-color: var( --ink, #0e2034 );
	--wpforms-label-sublabel-color: var( --ink-soft, #4a5765 );
	--wpforms-label-error-color: #b3261e;
	--wpforms-button-border-radius: 999px;
	--wpforms-button-background-color: var( --blue, #1374c3 );
	--wpforms-button-text-color: var( --white, #ffffff );
	--wpforms-button-size-height: 48px;
	--wpforms-button-size-font-size: 15px;
	--wpforms-button-size-padding-h: 32px;
	--wpforms-button-size-margin-top: 8px;
}

/* Labels: the design system sets form labels in the body face, semibold. */
.wpforms-container .wpforms-field-label {
	font-family: var( --font-body, Karla, "Helvetica Neue", Helvetica, Arial, sans-serif );
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0;
}

.wpforms-container .wpforms-field-description,
.wpforms-container .wpforms-field-sublabel {
	font-size: 14px;
	color: var( --ink-soft, #4a5765 );
}

.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="url"],
.wpforms-container input[type="number"],
.wpforms-container select,
.wpforms-container textarea {
	font-family: var( --font-body, Karla, "Helvetica Neue", Helvetica, Arial, sans-serif );
	transition: border-color 140ms ease, box-shadow 140ms ease;
}

/* A visible focus ring: the plugin's default is a faint border change only. */
.wpforms-container input:focus,
.wpforms-container select:focus,
.wpforms-container textarea:focus {
	border-color: var( --blue, #1374c3 ) !important;
	box-shadow: 0 0 0 3px var( --blue-pale, #dfefff );
	outline: none;
}

.wpforms-container textarea { min-height: 150px; }

/* Submit: match .button-primary from the design system. */
.wpforms-container .wpforms-submit {
	font-family: var( --font-body, Karla, "Helvetica Neue", Helvetica, Arial, sans-serif );
	font-weight: 700;
	cursor: pointer;
	transition: background-color 160ms ease, transform 160ms ease;
}

.wpforms-container .wpforms-submit:hover {
	background-color: var( --blue-hover, #005ca9 ) !important;
}

.wpforms-container .wpforms-submit:focus-visible {
	outline: 3px solid var( --amber, #eca758 );
	outline-offset: 3px;
}

.wpforms-container .wpforms-required-label { color: #b3261e; }

/**
 * Anti-spam decoy field.
 *
 * WPForms injects an extra text input (field 8 on form 268) whose label is
 * randomised from the real field labels on every page load - "building What
 * Email", "problem quote need", and so on. It is a honeypot and is meant to be
 * hidden: bots fill it, humans never see it, and any submission that carries a
 * value is discarded. Nothing in the loaded stylesheets was hiding it, so it
 * was rendering as a visible field with a nonsense label, and a visitor who
 * typed in it would have had their enquiry silently dropped.
 *
 * This restores the intended behaviour. If the field id ever changes the
 * selector stops matching and the decoy becomes visible again, so the real fix
 * is in WPForms' own spam-protection settings.
 */
#wpforms-268-field_8-container {
	display: none !important;
}

@media ( prefers-reduced-motion: reduce ) {
	.wpforms-container input,
	.wpforms-container select,
	.wpforms-container textarea,
	.wpforms-container .wpforms-submit {
		transition: none;
	}
}