/* ============================================================================
 * V17 FAQ  —  "Bon à savoir" rebuilt on brand (Marven N4). priority 123.
 * One tidy question-and-answer treatment for every FAQ on the site
 * (.latoxica-bat-faq home inline, .latoxica-store-faq storefronts, and any
 * builder FAQ). Cream light band within the dark-led system, Fraunces
 * questions, generous spacing, hairline dividers, AA contrast, palette-only.
 * ========================================================================== */

/* doubled class (0,2,0) beats the legacy `main > section:nth-child()`
 * alternating-band rule (0,1,2): the FAQ always owns the cream light band so
 * its charcoal questions/answers stay legible whatever position it lands in. */
.latoxica-bat-faq.latoxica-bat-faq,
.latoxica-store-faq.latoxica-store-faq,
.latoxica-faq-v17.latoxica-faq-v17 {
    background: var(--v17-cream);
    color: var(--v17-charcoal);
}
.latoxica-bat-faq__head,
.latoxica-store-faq__wrap > .latoxica-eyebrow,
.latoxica-store-faq__title,
.latoxica-bat-faq .latoxica-wrap {
    text-align: left;
}

/* wrapper width + rhythm */
.latoxica-bat-faq__head,
.latoxica-store-faq__wrap {
    max-width: var(--v17-wrap);
    margin-inline: auto;
    padding-inline: var(--v17-gutter);
}

/* the heading (Bon à savoir / Questions fréquentes) */
.latoxica-bat-faq h2,
.latoxica-store-faq__title {
    font-family: var(--v17-font-display);
    font-weight: 700;
    font-size: var(--v17-fs-h2);
    line-height: 1.02;
    letter-spacing: -0.02em;
    color: var(--v17-charcoal);
    margin: 0 0 clamp(1.5rem, 3vw, 2.5rem);
}
.latoxica-bat-faq h2 em,
.latoxica-store-faq__title em {
    font-style: italic;
    font-weight: 400;
    color: var(--v17-rose-deep);
    padding-bottom: 0.04em;
}

/* the list: each Q/A is a row separated by a hairline */
.latoxica-bat-faq__list,
.latoxica-store-faq__list {
    max-width: var(--v17-wrap);
    margin-inline: auto;
    padding-inline: var(--v17-gutter);
    display: grid;
    gap: 0;
}
.latoxica-bat-faq__item,
.latoxica-store-faq__item {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.25fr);
    gap: clamp(1rem, 3vw, 3rem);
    align-items: start;
    padding: clamp(1.25rem, 2.4vw, 1.85rem) 0;
    border-top: 1px solid var(--v17-line-cream);
    margin: 0;
}
.latoxica-bat-faq__item:last-child,
.latoxica-store-faq__item:last-child {
    border-bottom: 1px solid var(--v17-line-cream);
}

/* the question — Fraunces, charcoal, reads as the question a diner asks */
.latoxica-bat-faq__q,
.latoxica-store-faq__q {
    font-family: var(--v17-font-display);
    font-weight: 600;
    font-size: clamp(1.1rem, 1.6vw, 1.4rem);
    line-height: 1.2;
    color: var(--v17-charcoal);
    margin: 0;
}

/* the answer — Inter, ink-70 (>= 4.5:1 on cream), answer-first */
.latoxica-bat-faq__a,
.latoxica-store-faq__a {
    font-family: var(--v17-font-sans);
    font-size: var(--v17-fs-body);
    line-height: 1.6;
    color: var(--v17-ink-70);
    margin: 0;
    max-width: 60ch;
}

/* mobile: stack question over answer */
@media (max-width: 767px) {
    .latoxica-bat-faq__item,
    .latoxica-store-faq__item {
        grid-template-columns: 1fr;
        gap: 0.6rem;
        padding: 1.2rem 0;
    }
    .latoxica-bat-faq__q,
    .latoxica-store-faq__q { font-size: 1.15rem; }
}

/* if a FAQ ever renders on a dark band, keep it AA (cream text) */
.v11-section-dark .latoxica-bat-faq__q,
.v17-section--dark .latoxica-store-faq__q { color: var(--v17-cream); }
.v11-section-dark .latoxica-bat-faq__a,
.v17-section--dark .latoxica-store-faq__a { color: var(--v17-cream-90); }