/* Nav fixes — delivered from a FRESH PATH on purpose.
   LiteSpeed serves the optimised style.css from a STABLE url (same filename when
   content changes) with `cache-control: max-age=31557600` (1 year), so in-place
   style.css edits never re-download for any client that already cached it — the
   nav stays broken for returning visitors for up to a year. A new source file =
   a new optimised url = every visitor (new + returning) fetches it on next visit.
   Canonical copies of these rules also live in style.css. Bump this filename
   (nav-2.css, …) for future nav changes so they bust cache the same way.
   `.site-head` prefix = higher specificity so it wins over the cached base rules. */

/* 1. Gap between the brand wordmark and the menu (was touching "Shop"). */
.site-head .nav__brand{margin-right:clamp(1.75rem,3.5vw,3.5rem)}

/* 2. Switch to the hamburger dropdown at 1150px. The full horizontal nav (long
      "Cross Grain Furniture Design" wordmark + 5 links + Contact us + icons) runs
      out of room and overlaps well above the page's 900px mobile breakpoint. */
@media(max-width:1150px){
  .site-head .nav__toggle{display:flex}
  .site-head .nav__cta{display:none}
  .site-head .nav__icons{margin-left:auto;margin-right:.4rem}
  .site-head .nav__menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--cream);border-bottom:1px solid var(--cream-2);box-shadow:0 26px 44px -26px rgba(21,17,13,.45);padding:.3rem clamp(20px,5vw,64px) 1.5rem;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .4s ease,opacity .3s ease,visibility .3s ease}
  .site-head.nav-open .nav__menu{max-height:84vh;overflow:auto;opacity:1;visibility:visible}
  .site-head .nav__item{display:block}
  .site-head .nav__menu>a,.site-head .nav__item>a{display:block;padding:.95em 0;border-bottom:1px solid var(--cream-2);font-size:1.18rem;font-weight:500}
  .site-head .nav__menu>a::after,.site-head .nav__item>a::after{display:none}
  .site-head .mega,.site-head .caret{display:none!important}
  .site-head .nav__m-only{display:block}
  .site-head .nav__menu .nav__m-cta{margin-top:1.3rem;border-bottom:0!important;align-self:flex-start;font-size:.82rem;padding:.8em 2.2em}
}