/* apps/BATCH_2/03-islands-hydration — hydration-island chrome.
 *
 * NOT part of the ported legacy stylesheet (`index.css`, "as-is" per
 * README's content-provenance note) — kept separate so that file stays a
 * byte-verbatim port. Two rules only, both minimal (pure DOM toggling, no
 * layout rewrite):
 *
 * 1. Burger-menu breakpoint parity with the legacy build — MEASURED at
 *    `packages/front/@awa-old/website/awacloud_build/css/index.css` lines
 *    372-386 (`.mobile`/`.desktop` toggle at `max-width: 768px` /
 *    `min-width: 768px`): the awacloud desktop nav (`site.header`'s flat
 *    list) is meant for >=768px; below that, the mobile-menu island (the
 *    burger trigger) takes over. This rule only decides WHEN the trigger is
 *    offered — `mobileMenuIsland`'s own `mount()` (native `hidden`
 *    attribute + `aria-expanded`) drives the open/close state.
 * 2. The dropdown list has no inherited list styling once it leaves
 *    `_elements.js`'s bridged fragments.
 */
.mobile-nav {
    display: none;
}

@media (max-width: 768px) {
    .mobile-nav {
        display: block;
    }
}

/* The island emits `data-fw-id`, never an `id`: the `#mmenu` selectors this
 * sheet shipped matched nothing. The breakpoint and the panel itself are
 * `design.css` § 13 (corporate pass, 2026-09-19). */
.mobile-nav [data-fw-id="mnav:mmenu"] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-nav [data-fw-id="mnav:mmenu"][hidden] {
    display: none;
}