/* === P94 NAV TRUE-CENTER — 20251216T233512Z === */

/* Target basically any top navigation wrapper in this site */
:where(
  header nav, header .nav, header .navtray, header .nav-wrap, header .nav-inner, header .navbar, header .topnav,
  body > nav, body > .nav, body > .navtray, body > .navbar, body > .topnav
){
  /* Make the bar “viewport-centered” regardless of parent layout quirks */
  position: fixed !important;
  top: 10px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;

  /* Give it a real centering canvas */
  width: min(1100px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  z-index: 9999 !important;
}

/* If the links live in UL/OL/div wrappers, center those too */
:where(
  header nav ul, header .nav ul, header .navtray ul, header .navbar ul, header .topnav ul,
  header nav ol, header .nav ol, header .navtray ol, header .navbar ol, header .topnav ol,
  header nav .links, header .nav .links, header .navtray .links, header .navbar .links, header .topnav .links
){
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Kill any left-push margins on first/last items */
:where(
  header nav a, header .nav a, header .navtray a, header .navbar a, header .topnav a,
  header nav button, header .nav button, header .navtray button, header .navbar button, header .topnav button
){
  margin-left: 0 !important;
  margin-right: 0 !important;
}
