/**
 * Contact Form 7 styling — makes CF7's own markup (which wraps every
 * field in <span class="wpcf7-form-control-wrap">) sit flush with the
 * design's existing .form-control / .btn-gold look, without needing to
 * touch CF7's core output. Field-level classes (form-control, btn-gold)
 * are added directly on the CF7 tags themselves (see the form content
 * in CF7-FORMS.md) — this file only handles spacing/wrapper/validation
 * details CF7 adds on top.
 */

.cf7-form-wrap .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.cf7-form-wrap label {
	display: block;
	margin-bottom: 0.35rem;
}

.cf7-form-wrap .wpcf7-form-control.form-control {
	width: 100%;
}

.cf7-form-wrap textarea.form-control {
	resize: vertical;
}

/* CF7 appends its own inline validation message after an invalid field —
   keep it readable against both light and dark card backgrounds. */
.cf7-form-wrap .wpcf7-not-valid-tip {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.8rem;
	color: #d64545;
}

/* CF7's screen-reader live-region response wrapper — hide the raw box
   chrome, keep the message itself readable and on-brand. */
.cf7-form-wrap .wpcf7-response-output {
	margin: 1rem 0 0;
	padding: 0.75rem 1rem;
	border-radius: 6px;
	border: 1px solid var(--border, #e4dfd6);
	font-size: 0.9rem;
}

.cf7-form-wrap form.sent .wpcf7-response-output {
	border-color: #3c8a4c;
	color: #245c30;
	background: #eef7f0;
}

.cf7-form-wrap form.failed .wpcf7-response-output,
.cf7-form-wrap form.aborted .wpcf7-response-output,
.cf7-form-wrap form.spam .wpcf7-response-output {
	border-color: #d64545;
	color: #8a2b2b;
	background: #fbeeee;
}

.cf7-form-wrap .wpcf7-spinner {
	margin-left: 0.5rem;
}

/* Contact page's full-width trip planner form reuses the same
   .enquiry-card wrapper the design already styles — no extra rules
   needed there beyond the grid/field classes on the tags themselves. */