/* NearbyTraders progressive site navigation. The original link list remains
   visible when JavaScript is unavailable. */
.nav-inner[data-nt-nav-ready="1"] .nt-nav-menu{
  display:flex;
  align-items:center;
  gap:16px;
}
.nt-nav-toggle{
  display:none;
  min-height:44px;
  border:1px solid var(--border,rgba(148,163,184,.35));
  border-radius:9px;
  padding:8px 10px;
  background:rgba(255,255,255,.06);
  color:var(--text,#f8fafc);
  font:600 14px/1 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  cursor:pointer;
  align-items:center;
  gap:6px;
}
.nav a[data-shortlist-link]{
  min-height:44px;
  min-width:44px;
  padding:8px 4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  white-space:nowrap;
}
.nav a[href^="/trade-shop"]{
  color:var(--text,#1a1a1a)!important;
}
.nav a[data-shortlist-link] [data-shortlist-count]{
  font-size:13px;
  font-weight:600;
  color:var(--muted,#94a3b8);
}

@media (max-width:760px){
  .nav .nav-inner[data-nt-nav-ready="1"]{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:6px;
    padding:8px 12px;
    flex-wrap:nowrap;
  }
  .nav .nav-inner[data-nt-nav-ready="1"] .brand{
    order:1;
    flex:none;
    min-width:0;
    min-height:44px;
    padding:8px 0;
  }
  .nav .nav-inner[data-nt-nav-ready="1"] .spacer{display:none}
  .nav .nav-inner[data-nt-nav-ready="1"] a[data-shortlist-link]{
    order:2;
    margin:0;
    padding:8px;
  }
  .nav .nav-inner[data-nt-nav-ready="1"] .nav-label-md{display:inline}
  .nav .nav-inner[data-nt-nav-ready="1"] .nt-nav-toggle{display:inline-flex;order:3}
  .nav .nav-inner[data-nt-nav-ready="1"] .nt-nav-menu{
    order:4;
    grid-column:1 / -1;
    display:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px 8px;
    padding-top:8px;
    border-top:1px solid var(--border,rgba(148,163,184,.35));
  }
  .nav .nav-inner[data-nt-nav-ready="1"][data-nt-nav-open="true"] .nt-nav-menu{display:grid}
  .nav .nav-inner[data-nt-nav-ready="1"] .nt-nav-menu a{
    order:initial;
    min-height:44px;
    padding:10px 8px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
  }
}

@media (max-width:350px){
  .nav .nav-inner[data-nt-nav-ready="1"] .nav-label-md{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
}