/* ================================================================
   UNIVERSAL NAV FIX
   Loaded FIRST in <head> BEFORE any other CSS or HTML renders.

   1. Forces consistent scrollbar (prevents layout shift between pages)
   2. Hides old static headers so nav.js can replace them cleanly
   ================================================================ */

/* Force consistent scrollbar on ALL pages */
html {
  scrollbar-gutter: stable !important;
  overflow-y: scroll !important;
}

/* Standardize scrollbar width across all pages (8px thin scrollbar) */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* Firefox thin scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: #334155 #0f172a;
}

/* HIDE all old static headers instantly (before they ever paint) */
header.header,
header[class*="header"]:not(.cc-header) {
  display: none !important;
}
