/* Navigation Component */
/* ========================= NAVBAR ========================= */
.navbar { position:fixed; inset:0 0 auto 0; height:var(--nav-height); z-index:1000; background:#ffffffee; -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px); border-bottom:1px solid rgba(0,0,0,0.05); box-shadow:0 1px 2px rgba(0,0,0,.04); }
/* Force consistent light navbar across themes */
@media (prefers-color-scheme: dark){ .navbar { background:#ffffffea; border-bottom:1px solid rgba(0,0,0,0.18); box-shadow:0 1px 2px rgba(0,0,0,.35);} }
.nav-container { max-width:var(--site-max-width); margin:0 auto; padding:0 clamp(var(--space-3),2vw,var(--space-5)); height:100%; display:flex; align-items:center; gap:var(--space-4); }
.nav-left { display:flex; align-items:center; }
.nav-center { flex:1 1 auto; display:flex; justify-content:center; }
.nav-right { display:flex; align-items:center; margin-left:auto; }
/* Brand logo text – apply to anchor or h1 for flexibility */
.nav-logo a, .nav-logo h1 { font-family: var(--font-family-serif); font-size: clamp(1.15rem,1.2rem + .4vw,1.65rem); margin:0; font-weight:700; letter-spacing:.5px; color: var(--color-accent); display:flex; align-items:center; gap:.4rem; text-decoration:none; line-height:1; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.nav-logo a:link, .nav-logo a:visited { color: var(--color-accent); }
/* Force consistent color even if ancestor sets color:inherit */
.nav-logo a { color: var(--color-accent) !important; }
.nav-menu { list-style:none; margin:0; padding:0; display:flex; gap: clamp(.4rem,.9rem + .2vw,1.4rem); align-items:center; }
.nav-menu .nav-item { display:flex; }
.nav-link { position:relative; font-weight:500; font-size:.82rem; letter-spacing:.3px; color: var(--color-text-primary); padding:8px 6px; text-decoration:none; line-height:1.1; transition: color var(--motion-fast), opacity var(--motion-fast); border-radius:6px; }
.nav-link:hover{ color:var(--color-accent); }
.nav-link.active { color: var(--color-accent); font-weight:600; }
.nav-link::after { content:""; position:absolute; left:0; right:0; bottom:2px; height:2px; background:var(--color-accent); border-radius:2px; transform:scaleX(0); transform-origin:center; transition:transform var(--motion-fast) var(--easing-standard); }
.nav-link:hover::after, .nav-link.active::after { transform:scaleX(1); }
.nav-link:focus-visible { outline:var(--focus-ring); outline-offset:2px; }
.nav-toggle { display:none; flex-direction:column; gap:5px; cursor:pointer; background:transparent; border:1px solid rgba(0,0,0,.15); padding:6px 8px; border-radius:10px; transition:background .3s, border-color .3s; }
.nav-toggle:hover { background:rgba(0,0,0,.06); }
.nav-toggle .bar { width:20px; height:2px; background: var(--color-text-primary); border-radius:2px; }
@media (prefers-color-scheme: dark){ .nav-toggle { border-color:rgba(255,255,255,.25);} .nav-toggle:hover { background:rgba(255,255,255,.08);} .nav-toggle .bar { background:rgba(255,255,255,.9);} }
@media (max-width: 900px){
  .nav-center { position:absolute; top:var(--nav-height); left:0; right:0; padding:14px clamp(var(--space-3),6vw,var(--space-5)) 24px; background:var(--color-surface-1); border-bottom:1px solid rgba(0,0,0,.08); box-shadow:0 8px 28px -8px rgba(0,0,0,.18); transform:translateY(-12px); opacity:0; pointer-events:none; transition:.35s var(--easing-standard); display:flex; }
  @media (prefers-color-scheme: dark){ .nav-center { background:rgba(28,36,30,.96); border-bottom:1px solid rgba(255,255,255,.07);} }
  .navbar.is-open .nav-center { transform:translateY(0); opacity:1; pointer-events:auto; }
  .nav-menu { flex-direction:column; align-items:flex-start; width:100%; }
  .nav-link { padding:10px 4px; font-size:.88rem; width:100%; }
  .nav-toggle { display:flex; }
}

/* (Search trigger removed) */

/* Brand text shrinking on small screens */
@media (max-width:480px){ .brand-text { display:none; } }