/**
 * Batch 04 nav polish, mega-cat, multi-level, sticky-edit, adaptive-nav extras.
 * Selectors match theme-nav-t31-50 HTML class names.
 */

body.atelier[class*="chrome-nav-"] .b04-nav__logo { font-weight: 800; color: var(--ink); }

/* Mega catalog panel */
body.chrome-nav-mega-cat .b04-nav--megacat { position: relative; }
body.chrome-nav-mega-cat .b04-nav__mega-grid a {
  display: grid; gap: 0.25rem; padding: 0.75rem; border: 1px solid var(--line);
  font-weight: 700; font-size: 0.88rem;
}
body.chrome-nav-mega-cat .b04-nav__bag {
  background: var(--cta-bg); color: var(--cta-fg) !important; padding: 0.5rem 0.85rem;
}

/* Multi-level commerce depth */
body.chrome-nav-multi-level .b04-nav--multi {
  box-shadow: 0 10px 28px color-mix(in srgb, var(--ink) 8%, transparent);
}
body.chrome-nav-multi-level .b04-nav__multi-l1 a:hover,
body.chrome-nav-multi-level .b04-nav__multi-l1 a.is-on {
  background: color-mix(in srgb, var(--moss) 12%, var(--bg));
}
body.chrome-nav-multi-level .b04-nav__bag {
  background: var(--moss); color: #fff !important; padding: 0.5rem 0.85rem; border-radius: 2px;
}

/* Sticky editorial underline */
body.chrome-nav-sticky-edit .b04-nav--stickyedit {
  box-shadow: 0 10px 28px color-mix(in srgb, var(--ink) 8%, transparent);
}
body.chrome-nav-sticky-edit .b04-nav__sticky-bar > nav a {
  position: relative; padding: 0.35rem 0;
}
body.chrome-nav-sticky-edit .b04-nav__sticky-bar > nav a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: var(--moss); transform: scaleX(0); transition: transform 0.15s ease;
}
body.chrome-nav-sticky-edit .b04-nav__sticky-bar > nav a:hover::after,
body.chrome-nav-sticky-edit .b04-nav__sticky-bar > nav a.is-on::after { transform: scaleX(1); }
body.chrome-nav-sticky-edit .b04-nav__bag {
  border: 2px solid var(--ink); padding: 0.45rem 0.75rem;
}

/* Adaptive hybrid */
body.chrome-nav-adaptive-nav .b04-nav--adaptive {
  box-shadow: 0 12px 32px color-mix(in srgb, var(--ink) 10%, transparent);
}
body.chrome-nav-adaptive-nav .b04-nav__adapt-row > nav a {
  padding: 0.35rem 0; border-bottom: 2px solid transparent;
}
body.chrome-nav-adaptive-nav .b04-nav__adapt-row > nav a:hover,
body.chrome-nav-adaptive-nav .b04-nav__adapt-row > nav a.is-on {
  border-bottom-color: var(--moss);
}
body.chrome-nav-adaptive-nav .b04-drawer { border-left-width: 3px; }

/* Flagship bag already solid; drop pill contrast */
body.chrome-nav-drop-aware .b04-nav__drop-pill { box-shadow: 0 0 0 2px var(--bg); }

@media (max-width: 899px) {
  body.chrome-nav-mega-cat .b04-nav__mega-grid { grid-template-columns: 1fr 1fr; }
}