/**
 * Dealers — Contact a Dealer section. Field styling comes from
 * contact-form.css via the shared .flm-contactform class on the card
 * (enqueued site-wide); this file only lays out the section.
 */
.flm-dealercontact {
    padding-block: clamp(3rem, 7vw, 6rem);
    padding-inline: 0; /* Full-bleed band; the inner column governs width — zero core's inline padding. */
    scroll-margin-top: 90px; /* sticky header clearance for #dealer-contact jumps */
}
.flm-dealercontact__inner {
    box-sizing: border-box;
    width: min(92vw, 860px);
    margin-inline: auto;
}
.flm-dealercontact__title {
    margin: 0 0 0.5rem;
    color: var(--wp--preset--color--text-primary);
    font-family: var(--wp--preset--font-family--plex);
    font-weight: 600;
    font-size: clamp(1.5rem, 2.8vw, 2.25rem);
    text-align: center;
}
.flm-dealercontact__sub {
    margin: 0 0 clamp(1.5rem, 3vw, 2.5rem);
    color: var(--wp--preset--color--text-secondary);
    text-align: center;
}
/* Doubled class beats contact-form.css's section-level
   `.flm-contactform { padding-inline: 0 }` (that stylesheet loads after this
   one), which otherwise strips the card's side padding and runs the fields
   edge-to-edge. */
.flm-dealercontact__card.flm-contactform {
    padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 3vw, 2.5rem);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: var(--wp--preset--color--surface-base);
}

/* Tame GF's 10-row default so the message box matches the contact page's
   proportions. */
.flm-dealercontact__card.flm-contactform textarea {
    height: 160px; /* doubled class outranks contact-form.css's height: auto */
    min-height: 120px;
}