#fw-section-header {

/*  A TO Z STREAM SHOP — Header menu custom CSS
    ------------------------------------------------------------------
    WHERE TO PASTE: FourthWall admin → Header section → (menu) →
    Advanced settings → "Add custom CSS" box. Paste raw CSS (no <style> tags).

    ==================================================================
    ACTIVE OPTION — "3 top-level items + Sylveon dropdown"
    ------------------------------------------------------------------
    Plan: in the Header MENU EDITOR (not code), nest "Sylveon's Desk" UNDER
    "Trainer Zeek" so the top level is:  Home · Trainer Zeek ▾ · Anna Lumina.
    The theme renders the nested item as a hover/focus dropdown automatically
    (.header__dropdown, solid dark bg + chevron) — no CSS needed for that.

    The only CSS below tightens the nav's wrap spacing: the theme sets
    .header__list { gap: 24px }, and that 24px is ALSO the row-gap, which is
    the big vertical gap seen when the links wrap to a second line. We keep a
    comfortable horizontal gap but shrink the vertical (row) gap.
    Scoped to .header__nav so it does NOT affect the account/cart icon row.
*/
.header__nav .header__list { gap: 20px !important; row-gap: 6px !important; }


/*  ==================================================================
    ALTERNATIVE OPTION (currently OFF) — "hamburger at all widths"
    ------------------------------------------------------------------
    If you'd rather collapse the whole menu into the hamburger on desktop too
    (header becomes ☰ · A to Z Stream Shop · account/cart), delete the rule
    above and uncomment these two lines instead:

    .header .header__mobile-menu  { display: block !important; }
    .header .header__nav-container { display: none  !important; }
*/

}