/*
 * Form styling carried over from the WordPress build.
 *
 * Two sources, both load-bearing — the forms look wrong without them:
 *   1. Contact Form 7's stylesheet (wp-content/plugins/contact-form-7/includes/css/styles.css).
 *      Only the rules the markup actually depends on are kept; the rest of the
 *      plugin CSS went with the plugin.
 *   2. The inline <style id="wp-custom-css"> block from the theme customiser,
 *      which is what makes the submit buttons dark blue rather than Bootstrap default.
 *
 * The class names (.wpcf7-*) are retained deliberately: the theme stylesheet
 * (css/theme.css) targets them, so renaming them would change the rendering.
 */

/* ── from Contact Form 7 ─────────────────────────────────────────────────── */

/* Every input is wrapped in one of these; validation tips position against it. */
.wpcf7-form-control-wrap {
	position: relative;
}

/* Radio/checkbox spacing — the "Partner Choice" row on the Join form relies on this. */
.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-not-valid-tip {
	color: #dc3232;
	font-size: 1em;
	font-weight: normal;
	display: block;
}

/* ── from the theme customiser's inline wp-custom-css ────────────────────── */

/*
 * Verbatim, including the `has-spinner` class. The submit buttons keep that
 * class in the markup even though CF7's spinner element is gone, precisely so
 * this rule can be carried over unchanged.
 */
.wpcf7-form-control.has-spinner.wpcf7-submit {
	background-color: #001e3c;
	padding: 10px 20px;
	border-radius: 0;
	border: 1px solid #0d6efd;
	color: #FFF;
	text-transform: uppercase;
}

/* ── response area (replaces CF7's .wpcf7-response-output) ───────────────── */

.it-form-response {
	display: none;
	margin: 1em 0 0;
	padding: 0.6em 1em;
	border: 2px solid #00a0d2;
	font-size: 0.95em;
}

.it-form-response.is-visible {
	display: block;
}

.it-form-response.is-error {
	border-color: #dc3232;
	color: #dc3232;
}

.it-form-response.is-success {
	border-color: #46b450;
	color: #2e7d32;
}

/*
 * Distributor referral code — the field a funeral home cannot sign up without.
 */
.it-field-hint {
	display: block;
	margin-top: 0.4em;
	font-size: 0.85em;
	line-height: 1.4;
	color: #6b7280;
}

/* Per-field error, rendered under the input it belongs to. */
.it-field-error {
	display: block;
	margin-top: 0.4em;
	font-size: 0.85em;
	line-height: 1.4;
	color: #dc3232;
}

.it-form .is-field-invalid {
	border-color: #dc3232;
}

/*
 * Honeypot. Off-screen rather than display:none — some bots skip hidden inputs,
 * and this one is meant to be filled in. Never shown to a person, and excluded
 * from tab order and screen readers at the markup.
 */
/*
 * Honeypot wrapper. display:none, not merely parked off-screen: browser autofill and
 * password managers happily fill an off-screen input, and anything they put in here is
 * read as a bot and the submission silently discarded (TR-30).
 */
.it-hp {
	display: none !important;
}