/* fgb-header-patch — hand-maintained header tweaks.
 *
 * Deliberate deviations from the canonical firegang-framework-b.local header,
 * kept SEPARATE from the auto-generated header.css so `extract-header-css.py`
 * never overwrites them. Loaded after header.css. Layout only — no colour/font.
 */

/* Mobile: move the hamburger to the right.
 * .header-holder is display:flex; justify-content:center, and the framework's
 * `.menu-opener { float:right }` is a no-op inside flex — so the lone visible
 * child (the hamburger) ends up centred. margin-left:auto pushes it to the
 * right edge (inside the container padding). */
@media (max-width: 1024px) {
    #header .header-holder .menu-opener {
        float: none;
        margin-left: auto;
    }
}

/* Homepage: header fixed on load (desktop).
 * The framework's child style.css sets `#header { position: fixed }` so the
 * transparent header overlays the hero (white logo reads on the dark hero).
 * Our auto-extracted header.css carries a `#header { position: relative }` that
 * loads last and wins, dropping the header into normal flow — leaving a white
 * logo on a white band above the hero (white-on-white). Restore fixed here.
 * Mobile keeps its own sticky `.header-holder`, so scope to desktop only. */
@media (min-width: 1025px) {
    .home #header {
        position: fixed;
    }
}