/*
 * Underskin — Contact page
 * Riusa i pattern editoriali della Studio page:
 *   - .studio-section-head           (eyebrow + titolo + subtitle)
 *   - .studio-visit__grid + poster   (map + info card + hours card)
 *   - .contact-form-poster           (form dentro poster con tape)
 */

.contact-page-main {
    color: var(--ink);
}

.contact-page-main + .site-footer,
body:has(.contact-page-main) .site-footer {
    margin-top: 0;
}

/* Claudius display font su eyebrow / titolo / label — stesso trattamento
   della Studio page (studio.css ln 56-70). Base + subtitle restano body. */
.contact-page-main .studio-section-head__eyebrow,
.contact-page-main .studio-section-head__title,
.contact-page-main .studio-visit__label,
.contact-page-main .contact-form__label {
    font-family: var(--font-signature);
    font-weight: 400;
    text-transform: uppercase;
}

/* Section-head color fallback (mirror studio.css:24-31) — quando ACF
   palette per-section arriverà, --section-heading/--section-subtitle
   inline-style vinceranno. */
.contact-page-main .studio-section-head__title {
    color: var(--section-heading, inherit);
}

.contact-page-main .studio-section-head__subtitle {
    color: var(--section-subtitle, inherit);
}

/* Escape grain overlay per la mappa — stesso trick di studio.css:38-49. */
.contact-page-main .studio-visit__map {
    position: relative;
    z-index: 9999;
}

/* -------------------------------------------------------- */
/* Form poster                                               */
/* -------------------------------------------------------- */
.contact-form-poster {
    max-width: 820px;
    margin-inline: auto;
    /* Spazio extra sopra: il tape sta a cavallo del bordo poster,
       serve respiro per non finire sotto il subtitle della section-head. */
    margin-top: calc(var(--space-lg) + 2rem);
}

/* Body poster: rimosso gap flex (il form usa i suoi gap interni) e
   padding più generoso ai lati per non attaccare i campi al clip-path
   torn (specialmente su mobile). */
.contact-form-poster .studio-visit__poster-body {
    gap: 0;
    padding: calc(var(--space-xl) + 14px) clamp(var(--space-lg), 6vw, var(--space-xl)) var(--space-xl);
}

/* Submit button: centrato e full-width sopratutto su mobile. */
.contact-form-poster .contact-form__actions {
    display: flex;
    justify-content: center;
}

.contact-form-poster .contact-form__actions .btn {
    width: 100%;
    justify-content: center;
    text-align: center;
}

/* Mobile-only tweaks. */
@media (max-width: 640px) {
    /* Tape "SCRIVICI" più basso — meno sopra al bordo poster,
       resta comunque visibile sul clip-path torn. */
    .contact-form-poster .studio-visit__poster-tape {
        transform: translate(-50%, -20%) rotate(-3deg);
    }
}

/* Reset margin-top del form dentro il poster (default form.css:7 lo
   spinge in basso, ma qui il tape già occupa spazio sopra). */
.contact-form-poster .contact-form {
    margin-top: 0;
}

/* Label form: caps giallo (--accent) come nella Studio page. */
.contact-form-poster .contact-form__label {
    font-size: var(--font-size-xs);
    letter-spacing: 0.14em;
    color: var(--accent);
}