/* ==========================================================================
   Varsity Supreme — chrome.css
   Shared site furniture: ticker, header/nav, mobile drawer, footer.
   Loaded globally (the one exception to per-page loading).
   ========================================================================== */

/* Ticker */
.vs-ticker{background:var(--ink);color:var(--paper);overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--ink)}
.vs-ticker-track{display:inline-block;padding:10px 0;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.1em;animation:vs-scroll 26s linear infinite}
.vs-ticker-track span{padding:0 26px}
.vs-ticker-track span b{color:var(--red)}
@keyframes vs-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.vs-ticker-track{animation:none}}

/* Header / nav */
.vs-header{position:sticky;top:0;z-index:60;background:rgba(244,242,236,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.vs-nav{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}
.vs-logo{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(17px,2.4vw,21px);letter-spacing:-.02em;text-transform:uppercase;display:flex;align-items:center;gap:9px}
.vs-logo-badge{background:var(--red);color:#fff;padding:2px 8px;border-radius:6px}
.vs-menu{display:flex;gap:clamp(18px,2.6vw,34px);font-size:14px;font-weight:500}
.vs-menu a{position:relative;padding:6px 0}
.vs-menu a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--red);transition:width .22s}
.vs-menu a:hover::after{width:100%}
.vs-menu .current-menu-item a{color:var(--red)}
.vs-nav-r{display:flex;align-items:center;gap:14px}
.vs-pill{border-radius:100px;padding:10px 20px;font-size:13.5px;font-weight:600;cursor:pointer;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);transition:transform .15s,background .15s}
.vs-pill:hover{transform:translateY(-2px)}
.vs-pill--ghost{background:transparent;color:var(--ink)}
.vs-pill--ghost:hover{background:var(--ink);color:var(--paper)}
.vs-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.vs-burger span{width:24px;height:2px;background:var(--ink);transition:.25s}

/* Drawer + scrim */
.vs-drawer{position:fixed;inset:0 0 0 auto;width:min(82vw,340px);background:var(--paper);z-index:70;transform:translateX(100%);transition:transform .3s ease;padding:88px 30px 30px;display:flex;flex-direction:column;gap:6px;box-shadow:-20px 0 50px rgba(0,0,0,.15)}
.vs-drawer.vs-open{transform:none}
.vs-drawer a{font-family:'Archivo';font-weight:800;text-transform:uppercase;font-size:24px;letter-spacing:-.02em;padding:12px 0;border-bottom:1px solid var(--line)}
.vs-drawer-cta{color:var(--red);border-bottom:none !important}
.vs-drawer-x{position:absolute;top:22px;right:24px;background:none;border:none;font-size:30px;cursor:pointer;line-height:1}
.vs-scrim{position:fixed;inset:0;background:rgba(16,16,16,.4);z-index:65;opacity:0;pointer-events:none;transition:opacity .3s}
.vs-scrim.vs-open{opacity:1;pointer-events:auto}

/* Cart drawer (mini-cart) */
.vs-cart-toggle{font-family:'Inter',sans-serif}
.vs-cart-drawer{position:fixed;inset:0 0 0 auto;width:min(90vw,400px);background:var(--paper);z-index:70;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.15)}
.vs-cart-drawer.vs-open{transform:none}
.vs-cart-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line);flex:none}
.vs-cart-title{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:18px}
.vs-cart-x{background:none;border:none;font-size:28px;line-height:1;cursor:pointer}
.vs-cart-drawer .widget_shopping_cart_content{flex:1;overflow-y:auto;padding:18px 24px}

/* WooCommerce mini-cart contents */
.vs-cart-drawer ul.woocommerce-mini-cart{list-style:none;margin:0;padding:0}
.vs-cart-drawer .woocommerce-mini-cart-item{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);position:relative}
.vs-cart-drawer .woocommerce-mini-cart-item a:not(.remove){font-weight:600;font-size:14px;line-height:1.3}
.vs-cart-drawer .woocommerce-mini-cart-item img{width:54px;height:auto;border-radius:8px;order:-1;flex:none}
.vs-cart-drawer .woocommerce-mini-cart-item .remove_from_cart_button{position:absolute;top:14px;right:0;color:var(--grey);text-decoration:none;font-size:18px;line-height:1}
.vs-cart-drawer .woocommerce-mini-cart-item .quantity{display:block;font-family:'Space Mono',monospace;font-size:12px;color:var(--grey);margin-top:4px}
.vs-cart-drawer .woocommerce-mini-cart__total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;font-size:15px;border-top:1px solid var(--line);margin-top:8px}
.vs-cart-drawer .woocommerce-mini-cart__total .woocommerce-Price-amount{font-family:'Space Mono',monospace}
.vs-cart-drawer .woocommerce-mini-cart__buttons{display:flex;flex-direction:column;gap:10px;margin:8px 0 0;padding:0}
.vs-cart-drawer .woocommerce-mini-cart__buttons .button{border-radius:100px;padding:14px;text-align:center;font-weight:600;border:1.5px solid var(--ink);background:transparent;color:var(--ink)}
.vs-cart-drawer .woocommerce-mini-cart__buttons .button.checkout{background:var(--red);border-color:var(--red);color:#fff}
.vs-cart-drawer .woocommerce-mini-cart__empty-message{color:var(--grey);padding:20px 0}

/* Footer */
.vs-footer{background:var(--ink);color:rgba(244,242,236,.72);padding:clamp(44px,6vw,64px) 0 30px}
.vs-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(20px,3vw,34px);padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12)}
.vs-foot-brand .vs-logo{color:var(--paper)}
.vs-foot-brand p{font-size:13px;margin-top:16px;max-width:260px}
.vs-fcol h5{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--red);margin-bottom:15px;text-transform:uppercase}
.vs-fcol a{display:block;font-size:13.5px;padding:5px 0;transition:color .15s}
.vs-fcol a:hover{color:var(--paper)}
.vs-fcol-menu{list-style:none}
.vs-fcol-menu a{display:block;font-size:13.5px;padding:5px 0}
.vs-foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-family:'Space Mono',monospace;font-size:11px;gap:12px 18px;flex-wrap:wrap}
.vs-foot-bot-accent{color:var(--red)}
.vs-foot-legal{display:flex;gap:18px;flex-wrap:wrap}
.vs-foot-legal a{color:rgba(244,242,236,.72)}
.vs-foot-legal a:hover{color:var(--paper)}

@media(max-width:1040px){
  .vs-foot-grid{grid-template-columns:1fr 1fr 1fr}
  .vs-foot-brand{grid-column:1 / -1}
}
@media(max-width:900px){
  .vs-menu,.vs-nav-r .vs-pill--ghost{display:none}
  .vs-burger{display:flex}
}
@media(max-width:520px){
  .vs-foot-grid{grid-template-columns:1fr}
  .vs-foot-brand{grid-column:auto}
}
