/* Bridge between Contact Form 7 markup and the original booking-form CSS.
   Scoped on .bookingForm, the html_class both CF7 forms are rendered with, so
   the rules reach the booking modal and the contact page alike.
   CF7 wraps every control in <span class="wpcf7-form-control-wrap">, which
   breaks the absolute .inputIcon and the .customInput flow. display:contents
   removes that span from the layout tree so children rise into .customInput. */
.bookingForm .wpcf7-form-control-wrap {
	display: contents;
}

/* CF7 shows validation text in .wpcf7-not-valid-tip instead of Bootstrap's
   .invalid-feedback (which lives in bootstrap.min.css, not style.css). Match
   its visual properties. */
.bookingForm .wpcf7-not-valid-tip {
	display: block;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 0.875em;
	color: var(--bs-danger, #dc3545);
}

/* Overall response message (success / validation summary). */
.bookingForm .wpcf7-response-output {
	margin: 0.75rem 0 0;
	padding: 0.5rem 0.75rem;
	border-radius: 0.375rem;
	font-size: 0.9em;
}

form.bookingForm.invalid .wpcf7-response-output,
form.bookingForm.unaccepted .wpcf7-response-output {
	border: 1px solid var(--bs-danger, #dc3545);
	color: var(--bs-danger, #dc3545);
}

form.bookingForm.sent .wpcf7-response-output {
	border: 1px solid var(--bs-success, #198754);
	color: var(--bs-success, #198754);
}