/**
 * T1–T10 classic nav, prominent, bold, each theme’s own voice.
 * Loads after atelier.css · chrome-nav-classic only.
 */

body.atelier.chrome-nav-classic .an-topbar {
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
}
body.atelier.chrome-nav-classic .an-topbar__in { min-height: 2.65rem; font-size: 0.84rem; }
body.atelier.chrome-nav-classic .an-topbar__sale { letter-spacing: 0.1em; font-weight: 800; }

body.atelier.chrome-nav-classic .an-header {
  background: color-mix(in srgb, var(--bg) 97%, transparent);
  border-bottom-width: 2px;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--ink) 6%, transparent);
}
body.atelier.chrome-nav-classic .an-header__row { min-height: 4.75rem; gap: 1.15rem; }
body.atelier.chrome-nav-classic .an-logo__img { height: 2.05rem; }
body.atelier.chrome-nav-classic .an-logo__theme {
  color: var(--ink); font-weight: 750; font-size: 0.86rem;
  letter-spacing: 0.08em; border-left-color: color-mix(in srgb, var(--ink) 28%, transparent);
}
body.atelier.chrome-nav-classic .an-nav { gap: 0.2rem; }
body.atelier.chrome-nav-classic .an-nav a {
  font-size: 0.95rem; font-weight: 700; letter-spacing: 0.02em;
  padding: 0.55rem 0.8rem; position: relative;
}
body.atelier.chrome-nav-classic .an-nav a:hover {
  color: var(--moss, var(--ink));
}
body.atelier.chrome-nav-classic .an-nav__sale {
  background: color-mix(in srgb, var(--sale) 12%, transparent);
  border-radius: 999px;
}
body.atelier.chrome-nav-classic .an-util {
  color: var(--ink); font-weight: 650; font-size: 0.86rem;
}
body.atelier.chrome-nav-classic .an-bag-cta {
  height: 2.85rem; min-height: 2.85rem; padding: 0 1.05rem 0 1.15rem;
  font-size: 0.88rem; letter-spacing: 0.04em; text-transform: uppercase;
  background: var(--cta-bg, var(--ink)); color: var(--cta-fg, var(--bone)) !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--cta-bg, var(--ink)) 28%, transparent);
}
body.atelier.chrome-nav-classic .an-header__links {
  border-top-width: 1px;
  background: color-mix(in srgb, var(--ink) 4.5%, var(--bg));
}
body.atelier.chrome-nav-classic .an-header__links-in {
  padding: 0.55rem 0; font-size: 0.8rem; font-weight: 750; letter-spacing: 0.06em;
}
body.atelier.chrome-nav-classic .an-header__links a { color: var(--ink); }
body.atelier.chrome-nav-classic .an-menu-btn {
  width: 2.55rem; height: 2.55rem; border-width: 1.5px; border-color: color-mix(in srgb, var(--ink) 35%, transparent);
}

/* T1 Cinema Luxe, opaque noir bar, serif presence */
body.theme-t1.chrome-nav-classic .an-header {
  background: #0a0908; border-bottom: 1px solid rgba(155, 184, 154, 0.35);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
}
body.theme-t1.chrome-nav-classic .an-logo__theme,
body.theme-t1.chrome-nav-classic .an-nav a,
body.theme-t1.chrome-nav-classic .an-util { color: #f4efe6 !important; }
body.theme-t1.chrome-nav-classic .an-logo__theme {
  font-family: var(--display); font-size: 0.95rem; font-weight: 500; letter-spacing: 0.14em;
}
body.theme-t1.chrome-nav-classic .an-nav a {
  font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.78rem;
}
body.theme-t1.chrome-nav-classic .an-bag-cta { border-radius: 0; background: #9bb89a; color: #0a0908 !important; }
body.theme-t1.chrome-nav-classic .an-header__links { background: #12100e; border-top-color: rgba(244, 239, 230, 0.1); }
body.theme-t1.chrome-nav-classic .an-header__links a { color: #cfc6b8; }
body.theme-t1.chrome-nav-classic .an-menu-btn { color: #f4efe6; border-color: rgba(244, 239, 230, 0.28); }

/* T2 App Street, pill shell, app-weight links */
body.theme-t2.chrome-nav-classic .an-header {
  border-radius: 0 0 28px 28px; margin: 0 0.55rem; border: 2px solid #12100e;
  background: #fff7ef; box-shadow: 0 14px 0 #0b3d30;
}
body.theme-t2.chrome-nav-classic .an-logo__theme {
  font-family: var(--display); font-weight: 800; font-size: 1rem; letter-spacing: -0.02em;
  text-transform: none; border-left: 0; padding-left: 0;
}
body.theme-t2.chrome-nav-classic .an-nav a {
  font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.82rem;
  border-radius: 999px;
}
body.theme-t2.chrome-nav-classic .an-nav a:hover,
body.theme-t2.chrome-nav-classic .an-nav a:focus-visible {
  background: #12100e;
  color: #fff7ef !important;
  -webkit-text-fill-color: #fff7ef !important;
  text-decoration: none;
}
body.theme-t2.chrome-nav-classic .an-bag-cta {
  border-radius: 999px; background: #f05a12; color: #fff !important;
}

/* T3 Proof Archive, mint proof strip */
body.theme-t3.chrome-nav-classic .an-header {
  border-bottom: 3px solid #047857;
  background: color-mix(in srgb, #e8f6f0 94%, #fff);
}
body.theme-t3.chrome-nav-classic .an-logo__theme { color: #047857; font-weight: 800; }
body.theme-t3.chrome-nav-classic .an-nav a { font-weight: 750; }
body.theme-t3.chrome-nav-classic .an-nav a:hover { color: #047857; }
body.theme-t3.chrome-nav-classic .an-bag-cta {
  border-radius: 8px; background: #047857; color: #fff !important;
  box-shadow: 0 10px 24px rgba(4, 120, 87, 0.28);
}
body.theme-t3.chrome-nav-classic .an-header__links { background: #d1fae5; }

/* T4 Modern Gallery, runway hairline + tracking */
body.theme-t4.chrome-nav-classic .an-header {
  background: #fafafa; border-bottom: 1px solid #0a0a0a;
  box-shadow: none;
}
body.theme-t4.chrome-nav-classic .an-header__row { min-height: 5.1rem; }
body.theme-t4.chrome-nav-classic .an-logo__theme {
  font-family: var(--display); font-size: 1.15rem; font-weight: 600;
  letter-spacing: 0.22em; text-transform: uppercase; border-left-color: #0a0a0a;
}
body.theme-t4.chrome-nav-classic .an-nav a {
  font-size: 0.78rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
}
body.theme-t4.chrome-nav-classic .an-bag-cta {
  border-radius: 0; background: #0a0a0a; color: #fafafa !important; min-width: 7.5rem;
}

/* T5 Utility Catalog, dense catalog bar */
body.theme-t5.chrome-nav-classic .an-header {
  border-bottom: 2px solid #0f766e; background: #f8fafc;
}
body.theme-t5.chrome-nav-classic .an-header__row { min-height: 4.35rem; }
body.theme-t5.chrome-nav-classic .an-logo__theme {
  font-family: var(--display); font-weight: 700; letter-spacing: 0.04em;
}
body.theme-t5.chrome-nav-classic .an-nav { gap: 0; }
body.theme-t5.chrome-nav-classic .an-nav a {
  font-family: var(--sans); font-size: 0.8rem; font-weight: 700;
  letter-spacing: 0.06em; text-transform: uppercase;
  border: 1px solid transparent; border-radius: 4px;
}
body.theme-t5.chrome-nav-classic .an-nav a:hover {
  border-color: #0f766e; color: #0f766e;
}
body.theme-t5.chrome-nav-classic .an-bag-cta {
  border-radius: 4px; background: #0f766e; color: #fff !important;
}

/* T6 Soft Romance, blush elevation */
body.theme-t6.chrome-nav-classic .an-header {
  background: color-mix(in srgb, var(--bg) 88%, #fff);
  border-bottom: 2px solid color-mix(in srgb, var(--moss) 55%, transparent);
  box-shadow: 0 16px 36px color-mix(in srgb, var(--moss) 10%, transparent);
}
body.theme-t6.chrome-nav-classic .an-logo__theme {
  font-family: var(--display); font-size: 1.05rem; font-weight: 600;
  letter-spacing: 0.1em; font-style: italic; color: var(--moss);
}
body.theme-t6.chrome-nav-classic .an-nav a {
  font-weight: 650; letter-spacing: 0.05em;
}
body.theme-t6.chrome-nav-classic .an-nav a:hover {
  box-shadow: inset 0 -2px 0 var(--moss);
}
body.theme-t6.chrome-nav-classic .an-bag-cta {
  border-radius: 999px; background: var(--moss); color: #fff !important;
}

/* T7 Travel Linen, cool utility ribbon */
body.theme-t7.chrome-nav-classic .an-header {
  border-bottom: 3px solid var(--moss);
  background: color-mix(in srgb, var(--bg) 90%, #fff);
}
body.theme-t7.chrome-nav-classic .an-logo__theme {
  font-weight: 800; letter-spacing: 0.12em; color: var(--moss);
}
body.theme-t7.chrome-nav-classic .an-nav a {
  font-weight: 700; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.08em;
}
body.theme-t7.chrome-nav-classic .an-bag-cta {
  border-radius: 10px; background: var(--cta-bg, var(--moss)); color: var(--cta-fg, #fff) !important;
}

/* T8 Craft Workwear, stamped industrial */
body.theme-t8.chrome-nav-classic .an-header {
  background: color-mix(in srgb, var(--bg) 92%, #fff);
  border-bottom: 3px solid var(--ink);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent);
}
body.theme-t8.chrome-nav-classic .an-logo__theme {
  font-family: var(--display); font-weight: 800; letter-spacing: 0.14em;
  border: 1.5px solid var(--ink); padding: 0.2rem 0.45rem 0.15rem; border-left-width: 1.5px;
}
body.theme-t8.chrome-nav-classic .an-nav a {
  font-weight: 800; text-transform: uppercase; font-size: 0.78rem; letter-spacing: 0.1em;
}
body.theme-t8.chrome-nav-classic .an-bag-cta {
  border-radius: 0; border: 2px solid var(--ink);
  background: var(--moss); color: #141210 !important; box-shadow: 3px 3px 0 var(--ink);
}

/* T9 Noir Column, solid black column header */
body.theme-t9.chrome-nav-classic .an-header {
  background: #0a0a0a; border-bottom: 2px solid #fff;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.5);
}
body.theme-t9.chrome-nav-classic .an-logo__theme,
body.theme-t9.chrome-nav-classic .an-nav a,
body.theme-t9.chrome-nav-classic .an-util { color: #fff !important; }
body.theme-t9.chrome-nav-classic .an-logo__theme {
  font-weight: 800; letter-spacing: 0.18em; border-left-color: rgba(255, 255, 255, 0.35);
}
body.theme-t9.chrome-nav-classic .an-nav a {
  font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.76rem;
}
body.theme-t9.chrome-nav-classic .an-bag-cta {
  border-radius: 0; background: #fff; color: #0a0a0a !important;
}
body.theme-t9.chrome-nav-classic .an-header__links { background: #141414; border-top-color: rgba(255, 255, 255, 0.12); }
body.theme-t9.chrome-nav-classic .an-header__links a { color: #d4d4d4; }
body.theme-t9.chrome-nav-classic .an-menu-btn { color: #fff; border-color: rgba(255, 255, 255, 0.35); }

/* T10 Fast Lane, loud convert bar */
body.theme-t10.chrome-nav-classic .an-header {
  border-bottom: 3px solid var(--moss);
  background: color-mix(in srgb, var(--bg) 88%, var(--moss) 12%);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--moss) 18%, transparent);
}
body.theme-t10.chrome-nav-classic .an-logo__theme {
  font-family: var(--display); font-weight: 800; letter-spacing: 0.06em; color: var(--moss);
}
body.theme-t10.chrome-nav-classic .an-nav a {
  font-weight: 800; text-transform: uppercase; font-size: 0.82rem; letter-spacing: 0.05em;
}
body.theme-t10.chrome-nav-classic .an-nav__sale {
  background: var(--sale); color: #fff !important; border-radius: 6px;
}
body.theme-t10.chrome-nav-classic .an-bag-cta {
  border-radius: 8px; background: var(--moss); color: #041016 !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--moss) 35%, transparent);
}
