/* Contact page blocks and Contact Form 7, shared with the editor canvas. */
.harfang-contact-section { padding: clamp(3rem, 7vw, 6rem) var(--gutter, 1.5rem); background: var(--color-background); }
.harfang-contact-section > .wp-block-group { width: min(1180px, 100%); margin-inline: auto; }
.harfang-contact-intro { max-width: 820px; margin-bottom: clamp(2rem, 5vw, 3.5rem); }
.harfang-contact-eyebrow { margin: 0 0 1rem; color: var(--color-brand); font: 800 .75rem/1.5 var(--font-body); letter-spacing: .12em; text-transform: uppercase; }
.harfang-contact-intro h1 { margin: 0 0 1.25rem; color: var(--color-brand); font-size: clamp(2.5rem, 5vw, 4.75rem); line-height: 1.06; }
.harfang-contact-intro > p:last-child { max-width: 650px; margin-bottom: 0; color: var(--color-muted); font-size: 1.0625rem; }
.wp-block-columns.harfang-contact-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); gap: clamp(1.25rem, 4vw, 3rem); align-items: start; margin-bottom: 0; }
.harfang-contact-layout > .wp-block-column { min-width: 0; }
.harfang-contact-details, .harfang-contact-booking, .harfang-contact-form-card { padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: 28px; }
.harfang-contact-details { background: var(--color-heritage); color: var(--color-brand); }
.harfang-contact-details h2, .harfang-contact-form-card h2 { margin: 0 0 1rem; font-size: clamp(1.75rem, 2.5vw, 2.375rem); line-height: 1.15; }
.harfang-contact-details p { margin-bottom: 1.25rem; }
.harfang-contact-details .wp-block-buttons { align-items: stretch; }
.harfang-contact-details .wp-block-button { width: 100%; }
.harfang-contact-details .wp-block-button__link { width: 100%; }
.harfang-contact-details .harfang-contact-directions .wp-block-button__link { border: 1.5px solid var(--color-brand); }
.harfang-contact-details > p:last-child { margin: 1.25rem 0 0; font-size: .875rem; }
.harfang-contact-booking { margin-top: 1.25rem; background: var(--color-ink); color: #fff; }
.harfang-contact-booking h3 { color: var(--color-heritage); margin: 0 0 .875rem; font: 650 1.625rem/1.2 var(--font-display); }
.harfang-contact-booking p { color: #e0edf0; font-size: .9375rem; }
.harfang-contact-booking .wp-block-buttons { margin-bottom: 0; }
.harfang-contact-form-card { background: #fff; border: 1px solid var(--color-border); box-shadow: var(--shadow-soft); }
.harfang-contact-form-card > p { color: var(--color-muted); }
.harfang-contact-form-card > .harfang-contact-eyebrow { color: var(--color-brand); }
.harfang-contact-form-card .wpcf7 { margin-top: 1.75rem; }
.harfang-contact-form-card .wpcf7 form { margin: 0; }
.harfang-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.harfang-form-field { min-width: 0; margin: 0; }
.harfang-form-field > p { margin: 0; }
.harfang-form-field--full { grid-column: 1 / -1; }
.harfang-contact-form-card label, .harfang-contact-form-card .wpcf7-quiz-label { display: block; color: var(--color-ink); font-size: .9375rem; font-weight: 700; }
.harfang-form-field .wpcf7-form-control-wrap { margin-top: .5rem; }
.harfang-contact-form-card :is(input[type="text"], input[type="email"], select, textarea) { display: block; width: 100%; min-width: 0; min-height: 52px; padding: .875rem 1rem; border: 1px solid #728087; border-radius: 12px; background: #fbfcfc; color: var(--color-ink); font: 400 1rem/1.5 var(--font-body); }
.harfang-contact-form-card textarea { min-height: 190px; resize: vertical; }
.harfang-contact-form-card :is(input, select, textarea):focus-visible { outline: 3px solid var(--color-ink); outline-offset: 3px; box-shadow: none; background: #fff; }
.harfang-contact-form-card [aria-invalid="true"] { border: 2px solid #a3311b; }
.harfang-contact-form-card .wpcf7-not-valid-tip { margin-top: .5rem; color: #a3311b; font-size: .875rem; }
.harfang-form-note { margin: 0 0 1.25rem; color: var(--color-muted); font-size: .8125rem; }
.harfang-form-verification { margin-top: 1.5rem; padding: 1rem 1.25rem; border-radius: 14px; background: var(--color-background); }
.harfang-form-verification > p { margin: 0; color: var(--color-muted); font-size: .8125rem; }
.harfang-form-verification .wpcf7-form-control-wrap { margin-top: .625rem; }
.harfang-form-verification input.wpcf7-quiz { max-width: 150px; margin-top: .5rem; }
.harfang-form-submit { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 1.5rem 0 0; }
.harfang-form-submit .wpcf7-spinner { margin-inline: .5rem; }
.harfang-contact-form-card form.submitting .wpcf7-submit { opacity: .65; cursor: progress; }
.harfang-contact-form-card .wpcf7 form .wpcf7-response-output { margin: 1.5rem 0 0; padding: 1rem; border-width: 1px; border-radius: 12px; background: var(--color-background); color: var(--color-ink); }
.harfang-contact-form-card .wpcf7 form.sent .wpcf7-response-output { border-color: #36724b; background: #edf5ee; }
.harfang-contact-form-card .wpcf7 form:is(.invalid, .failed, .spam, .unaccepted) .wpcf7-response-output { border-color: #a3311b; background: #fff4ef; }
@media (max-width: 850px) {
	.wp-block-columns.harfang-contact-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
	.harfang-form-grid { grid-template-columns: minmax(0, 1fr); }
	.harfang-contact-details, .harfang-contact-booking, .harfang-contact-form-card { padding: 1.5rem; border-radius: 20px; }
	.harfang-form-submit .wpcf7-submit { width: 100%; }
}