/* ═══════════════════════════════════════════════════
   LEIGH AMOR — SITE HEADER (la-nav)
   One header for every page. Rendered by /js/la-nav.js
═══════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Montserrat:wght@300;400;500;600&display=swap');

.lanav, .lanav * { box-sizing: border-box; }
.lanav {
  --lanav-gold: #C9A84C;
  --lanav-ink: #0b0b0b;
  --lanav-text: rgba(240,235,225,.86);
  --lanav-accent: #C9A84C;
  --lanav-sub-bg: #151310;
  --lanav-sub-text: rgba(240,235,225,.78);
  position: fixed; top: 0; left: 0; right: 0; z-index: 9500;
  font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.lanav[data-brand="rvp"]      { --lanav-accent:#C4162E; --lanav-sub-bg:#F5EFE0; --lanav-sub-text:#4A2A2E; }
.lanav[data-brand="np"]       { --lanav-accent:#F5C518; --lanav-sub-bg:#140A00; --lanav-sub-text:rgba(255,236,190,.85); }
.lanav[data-brand="crossing"] { --lanav-accent:#7FB3A6; }
.lanav[data-brand="fashion"]  { --lanav-accent:#D9B76A; }
.lanav[data-brand="book"]     { --lanav-accent:#E0B04A; }

/* ── Main bar ── */
.lanav-bar {
  height: 64px; padding: 0 28px;
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  background: rgba(11,11,11,.96);
  border-bottom: 1px solid rgba(201,168,76,.18);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  transition: background .35s, border-color .35s;
}
.lanav.is-transparent:not(.is-scrolled):not(.is-open) .lanav-bar {
  background: linear-gradient(rgba(0,0,0,.45), rgba(0,0,0,0));
  border-bottom-color: transparent;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
.lanav-home { display: flex; align-items: center; gap: 12px; text-decoration: none; flex-shrink: 0; }
.lanav-home img { height: 38px; width: auto; display: block; }
.lanav-home span {
  font-family: 'Cinzel', Georgia, serif; font-size: .78rem; letter-spacing: .28em;
  text-transform: uppercase; color: var(--lanav-gold); white-space: nowrap;
}

/* ── Desktop menu ── */
.lanav-menu { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.lanav-menu > li { position: relative; }
.lanav-link, .lanav-drop-btn {
  display: flex; align-items: center; gap: 6px; height: 64px; padding: 0 14px;
  font: 500 .68rem/1 'Montserrat', sans-serif; letter-spacing: .2em; text-transform: uppercase;
  color: var(--lanav-text); text-decoration: none; background: none; border: 0; cursor: pointer;
  transition: color .2s;
}
.lanav-link:hover, .lanav-drop-btn:hover, .lanav-li.is-open > .lanav-drop-btn,
.lanav-link[aria-current="page"] { color: var(--lanav-gold); }
.lanav-caret { width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s; }
.lanav-li.is-open .lanav-caret { transform: translateY(1px) rotate(-135deg); }

/* panel sits flush under the bar — no hover gap */
.lanav-panel {
  position: absolute; top: 100%; left: 0; min-width: 260px; padding: 10px 0;
  background: rgba(14,14,14,.98); border: 1px solid rgba(201,168,76,.22); border-top: 2px solid var(--lanav-gold);
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
  opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: opacity .18s, transform .18s, visibility 0s .18s;
}
.lanav-li.is-open > .lanav-panel { opacity: 1; visibility: visible; transform: none; transition: opacity .18s, transform .18s; }
.lanav-panel a {
  display: block; padding: 11px 22px; text-decoration: none;
  font: 500 .66rem/1.3 'Montserrat', sans-serif; letter-spacing: .16em; text-transform: uppercase;
  color: rgba(225,220,210,.78);
}
.lanav-panel a small { display: block; margin-top: 4px; font-size: .62rem; letter-spacing: .04em; text-transform: none; font-weight: 400; color: rgba(225,220,210,.45); }
.lanav-panel a:hover, .lanav-panel a:focus-visible, .lanav-panel a[aria-current="page"] { color: var(--lanav-gold); background: rgba(201,168,76,.07); outline: none; }
.lanav-panel .lanav-group { padding: 10px 22px 4px; font: 600 .56rem/1 'Montserrat',sans-serif; letter-spacing: .26em; text-transform: uppercase; color: rgba(201,168,76,.6); }

/* ── Hamburger ── */
.lanav-burger {
  display: none; width: 44px; height: 44px; margin-right: -10px; border: 0; background: none; cursor: pointer;
  position: relative;
}
.lanav-burger i { position: absolute; left: 11px; right: 11px; height: 2px; background: var(--lanav-gold); transition: transform .25s, opacity .2s, top .25s; }
.lanav-burger i:nth-child(1){ top: 15px; } .lanav-burger i:nth-child(2){ top: 21px; } .lanav-burger i:nth-child(3){ top: 27px; }
.lanav.is-open .lanav-burger i:nth-child(1){ top: 21px; transform: rotate(45deg); }
.lanav.is-open .lanav-burger i:nth-child(2){ opacity: 0; }
.lanav.is-open .lanav-burger i:nth-child(3){ top: 21px; transform: rotate(-45deg); }

/* ── Brand sub-bar ── */
.lanav-sub {
  height: 44px; display: flex; align-items: center; gap: 4px; padding: 0 28px;
  background: var(--lanav-sub-bg); border-bottom: 1px solid rgba(0,0,0,.12);
  overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.lanav-sub::-webkit-scrollbar { display: none; }
.lanav-sub-name {
  flex-shrink: 0; margin-right: 14px; padding-right: 16px; border-right: 1px solid color-mix(in srgb, var(--lanav-sub-text) 25%, transparent);
  font: 600 .64rem/1 'Cinzel', Georgia, serif; letter-spacing: .2em; text-transform: uppercase; color: var(--lanav-accent); white-space: nowrap; text-decoration: none;
}
.lanav-sub a.lanav-chip {
  flex-shrink: 0; padding: 8px 12px; border-radius: 999px; text-decoration: none; white-space: nowrap;
  font: 500 .64rem/1 'Montserrat', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--lanav-sub-text);
  transition: background .2s, color .2s;
}
.lanav-sub a.lanav-chip:hover { color: var(--lanav-accent); }
.lanav-sub a.lanav-chip[aria-current="page"] { background: var(--lanav-accent); color: #fff; }
.lanav[data-brand="np"] .lanav-sub a.lanav-chip[aria-current="page"] { color: #140A00; }
.lanav-sub a.lanav-chip.is-cta { border: 1px solid var(--lanav-accent); color: var(--lanav-accent); }
.lanav-sub a.lanav-chip.is-cta:hover { background: var(--lanav-accent); color: #fff; }

.lanav-spacer { display: block; width: 100%; }
@media (min-width: 961px) { .lanav-menu > li:nth-last-child(-n+3) > .lanav-panel { left: auto; right: 0; } }

/* ── Phone / tablet ── */
@media (max-width: 960px) {
  .lanav-bar { height: 58px; padding: 0 18px; background: #0b0b0b; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .lanav.is-transparent:not(.is-scrolled):not(.is-open) .lanav-bar { background: linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,0)); }
  .lanav-home img { height: 32px; }
  .lanav-burger { display: block; }
  .lanav-menu {
    position: fixed; top: 58px; left: 0; right: 0; bottom: 0;
    display: block; padding: 8px 0 40px; overflow-y: auto; -webkit-overflow-scrolling: touch;
    background: #0b0b0b; border-top: 1px solid rgba(201,168,76,.18);
    opacity: 0; visibility: hidden; transform: translateY(-8px);
    transition: opacity .22s, transform .22s, visibility 0s .22s;
  }
  .lanav.is-open .lanav-menu { opacity: 1; visibility: visible; transform: none; transition: opacity .22s, transform .22s; }
  .lanav-menu > li { border-bottom: 1px solid rgba(255,255,255,.06); }
  .lanav-link, .lanav-drop-btn { width: 100%; height: 58px; padding: 0 24px; justify-content: space-between; font-size: .74rem; }
  .lanav-panel {
    position: static; min-width: 0; padding: 0 0 10px; border: 0; box-shadow: none; background: transparent;
    opacity: 1; visibility: visible; transform: none; display: none; transition: none;
  }
  .lanav-li.is-open > .lanav-panel { display: block; }
  .lanav-panel a { padding: 13px 36px; font-size: .7rem; }
  .lanav-sub { height: 42px; padding: 0 12px; }
  .lanav-sub-name { margin-right: 6px; padding-right: 10px; font-size: .58rem; }
  body.lanav-locked { overflow: hidden; }
}
@media (max-width: 420px) { .lanav-home span { display: none; } }
@media (prefers-reduced-motion: reduce) { .lanav * { transition: none !important; } }