/* DSNET Header Unify

   Goal: make header sizing/layout identical across portal and non-portal pages.
   Reference: /terms/

   Loaded after portal.css so it can override portal-only header rules.
*/

/* Ensure page chrome spans full width regardless of sidebar state */
#site-content{ width: 100% !important; max-width: none !important; }

#site-header{
  position: sticky !important;
  top: 0;
  z-index: 10;
  background: rgba(17, 22, 35, 0.55) !important;
  backdrop-filter: blur(8px);
  border-bottom: 1px solid #22304f !important;
  padding: 0 !important;
  width: 100%;
}

#site-header .header-inner{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 12px 16px !important;
  min-height: 56px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}

/* When logged in (sidebar available), let header/footer inner span full width so there is no visible gap */
body.auth #site-header .header-inner,
body.auth .site-footer .footer-inner{
  max-width: none !important;
  margin: 0 !important;
}

#site-header .nav-left,
#site-header .nav-right{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

#site-header .nav-left{ margin-right: auto !important; }
#site-header .nav-right{ margin-left: auto !important; }

/* Put the brand back into normal flow (portal.css positions it absolutely). */
#site-header .brand{
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  pointer-events: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto;
}

/* Match the /terms/ logo sizing */
#site-header .brand .logo{
  height: 32px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  opacity: 1 !important;
  display: block !important;
}

#site-header .brand .digital-sigil{
  white-space: nowrap;
}

/* On smaller widths, hide the "Digital Sigil" text so only the logo remains. */
@media (max-width: 980px){
  #site-header .brand .digital-sigil{ display: none !important; }
}