/* TAAS shared mobile nav — hamburger ≤640px.
   Desktop inline menus are untouched (see guard at the bottom).
   Works with [data-nav] panels + [data-nav-toggle] buttons wired by js/nav.js. */
.nav-toggle{display:none}
.nav-panel-only{display:none !important}

@media (max-width:640px){
  .nav-toggle{
    display:inline-flex; align-items:center; gap:8px; flex:0 0 auto;
    min-height:44px; padding:8px 14px; border-radius:999px;
    background:#fff; border:1px solid #EAE0D1; color:#7A2424;
    font-family:inherit; font-size:13px; font-weight:700; line-height:1;
    cursor:pointer; white-space:nowrap; margin-left:auto;
  }
  .nav-toggle:hover{background:#FFF8F0}
  .nav-toggle:focus-visible{outline:2px solid #C9A86A; outline-offset:2px}
  .nav-toggle-icon{display:inline-grid; gap:4px; flex-shrink:0}
  .nav-toggle-icon span{display:block; width:18px; height:2px; border-radius:2px; background:currentColor}
  .nav-toggle[aria-expanded="true"]{background:#7A2424; border-color:#7A2424; color:#fff}

  /* Dropdown panel — replaces the old horizontal scroll lane */
  [data-nav]{
    position:absolute; top:calc(100% + 1px); left:0; right:0; z-index:50;
    display:flex !important; flex-direction:column; align-items:stretch; gap:8px;
    max-width:none !important; overflow:visible !important; margin:0 !important;
    background:#FDFBF8; border-bottom:1px solid #EAE0D1;
    box-shadow:0 18px 40px rgba(26,10,10,.14);
    padding:8px 16px 16px;
    animation:navDrop .18s ease both;
  }
  [data-nav][hidden]{display:none !important}
  @keyframes navDrop{from{opacity:0; transform:translateY(-6px)} to{opacity:1; transform:none}}

  /* Panel rows — uniform 44px text rows, no pills */
  [data-nav] a,
  [data-nav] button:not(.nav-toggle){
    width:100% !important; max-width:none !important; flex:none !important;
    min-height:44px; display:flex !important; align-items:center;
    padding:6px 0 !important; margin:0 !important;
    background:transparent !important; border:0 !important; border-top:1px dashed #EAE0D1 !important;
    border-radius:0 !important; box-shadow:none !important;
    color:#7A2424 !important; font-size:13px !important; font-weight:700 !important;
    white-space:normal !important; text-align:left;
  }
  [data-nav] a:first-child{border-top:0 !important}
  [data-nav] a:hover,
  [data-nav] button:not(.nav-toggle):hover{background:transparent !important; text-decoration:underline}
  [data-nav] .is-active{font-weight:800 !important}
  [data-nav] .nav-pill .dot{display:none}
  [data-nav] .gear-btn,
  [data-nav] .google-tooltip{display:none !important}
  [data-nav] .nav-panel-only{display:flex !important}
}

/* Desktop — inline menu always visible, even if JS left it hidden */
@media (min-width:641px){
  [data-nav][hidden]{display:flex !important}
}

@media (prefers-reduced-motion:reduce){
  [data-nav]{animation:none !important}
}