/**
 * Contact Form 7 integration — make CF7's control wrappers and messages sit
 * cleanly inside the theme's form design. The CF7 <form> carries the theme's
 * .booking-form / .contact-form classes, so the base styling already applies;
 * these rules only adjust CF7's own wrapper spans and feedback elements.
 */

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

.booking-field .wpcf7-form-control {
	width: 100%;
}

.booking-field .wpcf7-not-valid {
	border-color: var(--cosmo-red, #d4002a);
}

.wpcf7 .wpcf7-not-valid-tip {
	display: block;
	margin-top: 6px;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--cosmo-red, #d4002a);
}

.wpcf7 .wpcf7-response-output {
	margin: 1.25rem 0 0;
	padding: 0.85rem 1.1rem;
	border: 1px solid rgba(15, 15, 16, 0.15);
	border-radius: 14px;
	font-size: 0.9rem;
	line-height: 1.4;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: var(--cosmo-red, #d4002a);
	color: var(--cosmo-red, #d4002a);
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #1f8f4e;
	color: #1f8f4e;
}

.wpcf7 .wpcf7-spinner {
	margin: 0 0 0 12px;
}