/* ================================================================
   Global Horizon Consulting — Contact Form 7 markup overlay
   Maps CF7's default .wpcf7-* wrappers onto the theme's existing
   form vocabulary (.field, .field input, .consent-box, .field-error).
   Loaded only when CF7 is active. Load AFTER base.css.
   ================================================================ */

/* CF7 wraps every control in a span — make it block so inputs fill the row. */
.wpcf7-form .wpcf7-form-control-wrap { display: block; width: 100%; }

/* Inputs/textarea already inherit .field input styles (element selectors in
   base.css). Just ensure CF7's own control classes don't shrink them. */
.wpcf7-form .field input.wpcf7-form-control,
.wpcf7-form .field textarea.wpcf7-form-control { width: 100%; }

/* Consent checkboxes: CF7 renders
     .consent-box > span.wpcf7-form-control-wrap > span.wpcf7-acceptance
       > span.wpcf7-list-item > label > input + span.wpcf7-list-item-label
   Flatten it to the theme's .consent-box label grid (20px + text). */
.consent-box .wpcf7-form-control-wrap,
.consent-box .wpcf7-acceptance,
.consent-box .wpcf7-list-item { display: block; margin: 0; width: 100%; }
.consent-box .wpcf7-list-item label {
	display: grid;
	grid-template-columns: 20px 1fr;
	gap: 11px;
	align-items: start;
	margin: 0;
	font-size: 14px;
	color: var(--muted);
}
.consent-box .wpcf7-list-item input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-top: 2px;
}
.consent-box .wpcf7-list-item-label a { text-decoration: underline; color: var(--ink); }

/* Validation tips → match the theme's .field-error red note. */
.wpcf7-form .wpcf7-not-valid-tip {
	display: block;
	margin-top: 4px;
	color: var(--red);
	font-size: 13px;
}
.wpcf7-form .wpcf7-not-valid { border-color: var(--red) !important; }

/* CF7 response banner → align with the theme's .form-status spacing. */
.wpcf7-form .wpcf7-response-output {
	margin: 16px 0 0;
	padding: 12px 16px;
	border-radius: 12px;
	border: 1px solid var(--line);
	font-size: 14px;
}
.wpcf7-form.sent .wpcf7-response-output {
	border-color: #197247;
	color: #197247;
	background: rgba(25, 114, 71, .07);
}
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-form.spam .wpcf7-response-output {
	border-color: var(--red);
	color: var(--red);
	background: rgba(201, 66, 82, .06);
}

/* Spinner + submitting state on the theme's .btn submit. */
.wpcf7-form .wpcf7-spinner { margin: 0 0 0 10px; }
.wpcf7-form.submitting .btn { opacity: .6; pointer-events: none; }