/* Site header bar (all pages except home, which has its own hero nav).
   Light paper plate, matched to the sticky #fixed-menu so the bar reads the
   same before and after scroll. Ink-on-paper: every white chrome asset from
   main.css is swapped for its black counterpart below. */
#header{
    background: var(--white);
    color: var(--ink);
    border-bottom: 1px solid var(--line-paper);
}
#header .content{
    padding: 13px 0;
    position: relative;
}
#header #header-inner{ color: var(--ink); }
/* the nav row itself inherits `color` from #header — only the logo needs the swap,
   because .logo-text carries its own bone colour for the dark hero */
#header .logo-text{ color: var(--ink); }
#header .shopping-cart:before{ background: url(/view/images/cart-b-icon.svg) no-repeat; }
#header .my-account:before{ background: url(/view/images/profile-b-icon.svg) no-repeat; }
#header .mobile-menu-btn{
    background: transparent url(/view/images/burger-b-icon.svg) no-repeat center;
    background-size: 22px 22px;
}