/* ═══════════════════════════════════════════════
 * Trade Discount Shop — nav.css
 * Primary navigation + mobile menu.
 * ═══════════════════════════════════════════════ */

/* ─── Primary Nav (desktop) ─── */
.tds-nav{background:var(--tds-brand-500);display:none}
.tds-nav__list{list-style:none;display:flex;margin:0;padding:0}
.tds-nav__item{position:relative}
.tds-nav__link{display:block;padding:.75rem 1.25rem;color:#fff;font-weight:600;font-size:.875rem;text-decoration:none;transition:background .2s;white-space:nowrap}
.tds-nav__link:hover{background:var(--tds-brand-600);color:#fff}
.tds-nav__item--active>.tds-nav__link{background:var(--tds-brand-600)}

/* ─── Dropdown ─── */
.tds-nav__dropdown{list-style:none;position:absolute;top:100%;left:0;min-width:14rem;background:#fff;border:1px solid #e5e7eb;border-radius:0 0 .5rem .5rem;box-shadow:0 8px 25px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:60;padding:.375rem 0}
.tds-nav__item:hover>.tds-nav__dropdown,.tds-nav__item:focus-within>.tds-nav__dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.tds-nav__sub-item{}
.tds-nav__sub-link{display:block;padding:.5rem 1.25rem;color:#374151;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;text-decoration:none}
.tds-nav__sub-link:hover{background:var(--tds-brand-50);color:var(--tds-brand-700)}

/* ─── Mobile Menu ─── */
.tds-mobile-menu{display:none;background:#fff;border-bottom:1px solid #e5e7eb;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.22,1,.36,1);position:relative;z-index:40}
.tds-mobile-menu.is-open{max-height:85vh;overflow-y:auto;box-shadow:0 8px 25px rgba(0,0,0,.1)}
.tds-mobile-menu__list{list-style:none;padding:.5rem 0;margin:0}
.tds-mobile-menu__list li{margin:0}
.tds-mobile-menu__list li a{display:block;padding:.875rem 1.5rem;color:#1f2937;font-weight:600;font-size:.9375rem;border-bottom:1px solid #f3f4f6;transition:background .15s,color .15s;text-decoration:none}
.tds-mobile-menu__list li a:hover{background:var(--tds-brand-50);color:var(--tds-brand-700)}
.tds-mobile-menu__list .sub-menu{list-style:none;padding:0;margin:0;background:#f9fafb}
.tds-mobile-menu__list .sub-menu li a{padding-left:2.5rem;font-weight:500;font-size:.875rem;color:#6b7280;border-bottom-color:#e5e7eb}

/* ═══ Responsive ═══ */
@media(min-width:1024px){
    .tds-nav{display:block}
    .tds-mobile-menu{display:none !important}
}
@media(max-width:1023px){
    .tds-mobile-menu{display:block}
}