/* Presentation only: keep the original CMS menu, configured logo and auth URLs. */
:root { --nav-height:88px; }
html { scroll-padding-top:calc(var(--nav-height) + 20px); }
body .navbar {
  position:fixed;top:0;inset-inline:0;height:var(--nav-height);
  z-index:1000;background:var(--hp-nav-bg-scrolled);
  border-bottom:1px solid var(--clr-border-bright);
}
body .navbar::before { background:var(--hp-nav-bg-scrolled);border-color:var(--clr-border); }
body .navbar-inner { gap:1rem; }
body .navbar-brand .brand-logo {
  width:88px;height:44px;object-fit:contain;flex-shrink:0;
  background:#fff;border:1px solid var(--clr-border);
  border-radius:10px;padding:5px;
}
body .navbar-brand .brand-name { color:var(--clr-text-primary); }
body .navbar-brand .brand-tagline { color:var(--clr-text-secondary);letter-spacing:0;font-size:var(--fs-2xs); }
body .navbar-nav { gap:0;min-width:0;flex-shrink:0; }
body .navbar .nav-link { white-space:nowrap;padding:.5rem .6rem;font-size:var(--fs-nav); }
body .navbar-actions { gap:.45rem;flex-shrink:0; }
body .navbar-actions .btn { white-space:nowrap;padding:.55rem .8rem;font-size:var(--fs-sm); }
body .navbar-collapse { background:var(--clr-bg-elevated);border-color:var(--clr-border-bright); }
body .nav-item:focus-within .dropdown-menu { opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0); }
/* Dropdowns must share the approved light/dark palette, not the old purple skin. */
body .navbar .nav-link:hover,
body .navbar .nav-link.active { background:var(--clr-cyan-glow);color:var(--clr-cyan); }
body .navbar .nav-link.active::after { background:var(--nr-accent); }
body .navbar .dropdown-menu {
  min-width:min(520px,calc(100vw - 32px));max-width:calc(100vw - 32px);
  background:var(--clr-bg-elevated);color:var(--clr-text-primary);
  border:1px solid var(--clr-border-bright);border-top:3px solid var(--nr-accent);
  box-shadow:var(--shadow-lg);backdrop-filter:none;
}
body .navbar .dropdown-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem; }
body .navbar .dropdown-item {
  color:var(--clr-text-primary);line-height:1.6;align-items:flex-start;
  padding:.6rem .65rem;border:1px solid transparent;min-width:0;
}
body .navbar .dropdown-item:hover,
body .navbar .dropdown-item:focus-visible {
  color:var(--clr-cyan);background:var(--clr-cyan-glow);border-color:var(--clr-border-bright);
}
body .navbar .dropdown-item:focus-visible { outline:2px solid var(--nr-accent);outline-offset:2px; }
body .navbar .dropdown-icon { color:var(--clr-cyan);background:var(--clr-cyan-glow);flex-shrink:0; }
body .navbar-collapse { color:var(--clr-text-primary);box-shadow:var(--shadow-lg); }
body .navbar-collapse .mobile-nav-group-title { color:var(--clr-cyan);border-color:var(--clr-border); }
body .navbar-collapse .mobile-nav-link { color:var(--clr-text-primary); }
body .navbar-collapse .mobile-nav-link:hover,
body .navbar-collapse .mobile-nav-link:focus-visible { color:var(--clr-cyan);background:var(--clr-cyan-glow); }
body .footer-logo { display:flex;gap:1rem;align-items:center; }
body .footer-brand-logo { width:88px;height:44px;object-fit:contain;padding:5px;background:#fff;border-radius:10px; }
body .nr-eco-core img { width:70px;height:38px;object-fit:contain;background:#fff;padding:4px; }
@media (min-width:1025px) and (max-width:1250px) {
  body .navbar { padding-inline:1rem; }
  body .navbar-inner { gap:.5rem; }
  body .navbar .nav-link { padding:.5rem .3rem;font-size:var(--fs-sm); }
  body .brand-tagline { max-width:110px; }
  body .navbar-actions .btn { padding:.5rem .6rem;font-size:var(--fs-sm); }
}
@media (max-width:1024px) {
  :root { --nav-height:124px; }
  body .navbar { padding-inline:0; }
  body .navbar-inner { flex-wrap:wrap;gap:.4rem .75rem;padding-block:.6rem; }
  body .navbar-brand { flex:1; }
  body .navbar-toggler { display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center; }
  body .navbar-actions {
    display:flex;order:3;width:100%;justify-content:center;
    gap:.45rem;padding-top:.35rem;border-top:1px solid var(--clr-border);
  }
  body .navbar-actions .btn { flex:1;text-align:center;justify-content:center;max-width:160px;font-size:var(--fs-sm);padding:.45rem .6rem;min-height:38px; }
  body .navbar-actions .btn-lang { padding:.4rem .55rem;min-height:38px; }
  body .navbar-actions .theme-toggle { min-width:38px;min-height:38px;margin:0; }
  body .navbar-brand .brand-logo { width:76px;height:38px; }
  body .navbar-collapse.open { max-height:calc(100dvh - var(--nav-height)); }
}
@media (max-width:1024px) {
  /* Single row (72px; 64px at <=768): logo + language + hamburger. Plans/Login/theme live in the drawer (#mobileNav). */
  :root { --nav-height:72px; }
  body .navbar-inner { flex-wrap:nowrap;gap:.5rem;padding-block:0;height:100%;align-items:center; }
  body .navbar-actions {
    order:0;width:auto;flex:0 0 auto;padding-top:0;border-top:0;justify-content:flex-end;
  }
  body .navbar-actions .btn,
  body .navbar-actions .theme-toggle { display:none; }
  body .navbar-actions .btn-lang { min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center; }
  body .navbar-brand { min-width:0;overflow:hidden; }
  body .navbar-brand .brand-tagline { display:none; }
}
@media (max-width:768px) {
  :root { --nav-height:64px; }
}
@media (max-width:380px) {
  body .navbar-actions { gap:.3rem; }
  body .navbar-actions .btn { padding:.45rem .4rem;font-size:var(--fs-xs); }
  body .brand-tagline { font-size:var(--fs-2xs); }
}