/**
 * Contact form layout — added 2026-07-13 with the bootstrap-for-contact-form-7 rework.
 *
 * CF7's `wpautop` was wrapping every field in <p> and <br>, which blew the spacing out (fields sat
 * ~100px apart). autop is now OFF on these forms (Additional Settings: `wpcf7_autop: off`), so the
 * markup is clean — div.form-group > label > input.form-control — and spacing is controlled here.
 */

.wpcf7-form .form-group {
	margin-bottom: 1.1rem;
}

.wpcf7-form label {
	display: block;
	margin-bottom: .35rem;
	font-weight: 600;
}

.wpcf7-form .form-control {
	display: block;
	width: 100%;
	max-width: 520px;
	box-sizing: border-box;
}

.wpcf7-form textarea.form-control {
	min-height: 9rem;
	resize: vertical;
}

/* Turnstile sits just above the submit (the [turnstile] tag was added to the form template so CF7
   stops auto-prepending it to the TOP of the form). Give it a little breathing room. */
.wpcf7-form .wpcf7-turnstile,
.wpcf7-form .cf-turnstile {
	margin: 1.25rem 0 1.1rem;
}

.wpcf7-form input.wpcf7-submit {
	margin-top: .25rem;
}

/* Validation messages shouldn't add another blank line. */
.wpcf7-form .wpcf7-not-valid-tip {
	margin-top: .3rem;
	font-size: .9rem;
}

.wpcf7-form .wpcf7-response-output {
	margin: 1rem 0 0;
}

@media (max-width: 767px) {
	.wpcf7-form .form-control { max-width: 100%; }
}