/* ============================================================
   Smart Flytt — mobile navigation
   ------------------------------------------------------------
   The open/closed state is a class on nav.links, never an inline
   style: the old script wrote display and a block of positioning
   into the element's style attribute, which then survived a
   resize to desktop and left the menu stuck.

   Each page keeps its own  nav.links{display:none}  rule inside
   its <style> block at <=920px; .is-open is more specific, so it
   wins wherever this file is loaded.
   ============================================================ */

/* the in-menu quote link exists in the markup on every page, but it
   is only ever shown inside the mobile menu — the desktop header
   already has its own CTA and must not gain a second one */
nav.links .nav-cta-mobile{display:none;}

@media (max-width:920px){
  nav.links.is-open{
    display:flex;
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;
    gap:16px;padding:20px 28px;
    background:var(--paper);
    border-bottom:1px solid var(--line);
  }
  nav.links .nav-cta-mobile{display:inline-flex;justify-content:center;}
}