/* ============================================================================
 * V17 STOREFRONT LAYOUT FIX — Plaza Saint-Hubert + Chinatown Saint-Laurent.
 * Loads at: wp_enqueue_scripts priority 120 (after v17-faq in the same group).
 * Scope:    storefront landing pages only (IDs 2019/2020 saint-hubert,
 *           2021/2022 chinatown saint-laurent). Selectors are inherently
 *           storefront-scoped, so a global enqueue is harmless elsewhere.
 *
 * Three storefront-only layout defects, all rooted in the base theme's
 * `.entry-content > * { max-width: 40rem }` prose cap (style.css):
 *
 *  1. REVIEWS trapped in a 640px column.
 *     The .latoxica-page-a storefront wrapper is a direct child of
 *     .entry-content and gets capped to 640px, because its release sheet
 *     (v10-commander.css) is not enqueued on storefront pages. Every section
 *     escapes that box via .latoxica-bleed EXCEPT the v17-reviews slider,
 *     which is the one non-bleed child — so it alone stays at 640px while its
 *     siblings span full width. Releasing the wrapper from the cap restores
 *     the reviews slider to full width (its inner .v17-wrap keeps the
 *     content contained at --v17-wrap).
 *
 *  2. "Quatre incontournables" 4-card grid renders 3 + 1.
 *     The menu uses .latoxica-trois-adresses__grid--four, but no rule targets
 *     the --four modifier, so the base 3-column desktop grid lays 4 cards out
 *     as 3 on the first row and 1 on the second. Force a 2x2 grid.
 *
 *  3. "Questions fréquentes" FAQ trapped in the left 640px column.
 *     The FAQ is appended at the_content priority 16, OUTSIDE the
 *     .latoxica-page-a wrapper, so it is also a direct child of .entry-content
 *     and hits the 640px cap (its release sheet, v7-traiteur-layout-fix.css,
 *     is not enqueued here either). Release it to the full-width cream band
 *     its v17-faq design intends (inner .latoxica-store-faq__wrap keeps the
 *     Q/A column readable).
 *
 * Specificity: `.entry-content > .latoxica-X` = (0,2,0) beats
 * `.entry-content > *` = (0,1,0), so these win the cascade without !important.
 * Sealed-sheet discipline: new sheet, edits nothing upstream.
 * ========================================================================== */

/* 1 — release EVERY .latoxica-page-a page wrapper from the 40rem prose cap.
 *     The per-variant release sheets (v10-commander / v10-birria / v10-traiteur)
 *     are not all enqueued site-wide, so the storefront, cocktails, bar-pillar,
 *     foodtruck, contact, press, restaurants, bar-a-tacos and a-domicile
 *     wrappers were each trapped at 640px — squeezing their non-bleed sections
 *     (e.g. the v17-reviews slider) into a centred column while the bleed
 *     sections escaped. The base-class selector fixes all variants in one
 *     stroke and is idempotent on pages that already release via their own
 *     sheet. (0,2,0) beats `.entry-content > *` (0,1,0). */
.entry-content > .latoxica-page-a {
    max-width: none;
    margin-inline: 0;
}

/* 3 — release the standalone FAQ band (sibling of the wrapper) to full bleed. */
.entry-content > .latoxica-store-faq {
    max-width: none;
    width: 100vw;
    margin-inline: calc(50% - 50vw);
}

/* 2 — four signatures: 2 x 2 on desktop, never 3 + 1. The base grid only
 *     turns multi-column at 901px, so the override is gated the same way. */
@media (min-width: 901px) {
    .latoxica-trois-adresses__grid--four {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* End v17-storefront-layout.css */