/* Gizlen Global — canonical site header, 2026-09-19.
   This file is loaded last on every page. It intentionally overrides page-level
   header rules so the navigation is visually and behaviorally identical sitewide. */
:root{
  --gg-header-bg:#0b1929;
  --gg-header-text:#b9c5d3;
  --gg-header-active:#ffffff;
  --gg-header-accent:#47cfbd;
  --gg-header-max:1450px;
}
.gg-site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  width:100%!important;
  background:rgba(11,25,41,.98)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:none!important;
}
.gg-nav-row{
  width:min(calc(100% - 40px),var(--gg-header-max))!important;
  min-height:74px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:clamp(18px,1.8vw,30px)!important;
  padding:0!important;
}
.gg-site-header .brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  line-height:0!important;
  text-decoration:none!important;
  min-width:0!important;
}
.gg-site-header .brand img{
  display:block!important;
  width:196px!important;
  height:auto!important;
  max-height:38px!important;
  object-fit:contain!important;
}
.gg-primary-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(14px,1.18vw,22px)!important;
  min-width:0!important;
  height:74px!important;
}
.gg-primary-nav a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  height:74px!important;
  padding:0!important;
  margin:0!important;
  color:var(--gg-header-text)!important;
  text-decoration:none!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:.84rem!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  background:none!important;
  border:0!important;
}
.gg-primary-nav a::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:16px!important;
  height:2px!important;
  border-radius:999px!important;
  background:var(--gg-header-accent)!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  opacity:1!important;
  transition:transform .18s ease!important;
}
.gg-primary-nav a:hover,
.gg-primary-nav a[aria-current="page"]{
  color:var(--gg-header-active)!important;
}
.gg-primary-nav a:hover::after,
.gg-primary-nav a[aria-current="page"]::after{
  transform:scaleX(1)!important;
}
.gg-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-self:end!important;
  gap:10px!important;
}
.gg-header-actions .gg-header-phone{display:none!important;}
.gg-header-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--gg-header-accent)!important;
  color:#07131e!important;
  text-decoration:none!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:.82rem!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 10px 28px rgba(71,207,189,.18)!important;
}
.gg-header-cta:hover{transform:translateY(-1px)!important;filter:brightness(1.04)!important;}
.gg-menu-toggle{display:none!important;}
.gg-mobile-nav{display:none!important;}

@media(max-width:1180px){
  .gg-nav-row{width:min(calc(100% - 30px),var(--gg-header-max))!important;min-height:70px!important;gap:14px!important;}
  .gg-site-header .brand img{width:180px!important;max-height:35px!important;}
  .gg-primary-nav{display:none!important;}
  .gg-header-cta{display:none!important;}
  .gg-menu-toggle{display:block!important;justify-self:end!important;width:44px!important;height:44px!important;padding:10px!important;background:transparent!important;border:0!important;}
  .gg-menu-toggle span{display:block!important;height:2px!important;background:#e8eef5!important;margin:6px 0!important;border-radius:2px!important;}
  .gg-mobile-nav{display:block!important;max-height:0!important;overflow:hidden!important;background:#0b1929!important;border-top:1px solid transparent!important;transition:max-height .24s ease,border-color .24s ease!important;}
  .gg-mobile-nav[data-open="true"]{max-height:720px!important;border-top-color:rgba(255,255,255,.08)!important;}
  .gg-mobile-nav-inner{width:min(calc(100% - 30px),var(--gg-header-max))!important;margin:0 auto!important;padding:10px 0 18px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 22px!important;}
  .gg-mobile-nav-inner>a:not(.gg-mobile-cta){display:flex!important;align-items:center!important;min-height:46px!important;padding:0!important;color:#c3cfdb!important;border-bottom:1px solid rgba(255,255,255,.075)!important;text-decoration:none!important;font-size:.9rem!important;font-weight:700!important;}
  .gg-mobile-nav-inner>a[aria-current="page"]{color:#fff!important;}
  .gg-mobile-cta{grid-column:1/-1!important;margin-top:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;border-radius:999px!important;background:var(--gg-header-accent)!important;color:#07131e!important;text-decoration:none!important;font-size:.9rem!important;font-weight:800!important;}
}
@media(max-width:620px){
  .gg-nav-row{width:min(calc(100% - 24px),var(--gg-header-max))!important;min-height:66px!important;}
  .gg-site-header .brand img{width:158px!important;max-height:31px!important;}
  .gg-mobile-nav-inner{width:min(calc(100% - 24px),var(--gg-header-max))!important;grid-template-columns:1fr!important;}
  .gg-mobile-cta{grid-column:1!important;}
}

/* Specificity lock: page styles must never resize the canonical header. */
html body .gg-site-header .gg-nav-row{
  width:min(calc(100% - 40px),var(--gg-header-max))!important;
  min-height:76px!important;
  height:76px!important;
  gap:24px!important;
}
html body .gg-site-header .gg-nav-row .brand img{
  width:196px!important;
  max-width:196px!important;
  height:auto!important;
  max-height:38px!important;
}
html body .gg-site-header .gg-nav-row .gg-primary-nav{
  height:76px!important;
  gap:16px!important;
}
html body .gg-site-header .gg-nav-row .gg-primary-nav a{
  height:76px!important;
  padding:0!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:-.1px!important;
  line-height:1!important;
}
html body .gg-site-header .gg-nav-row .gg-primary-nav a::after{bottom:16px!important;}
html body .gg-site-header .gg-nav-row .gg-header-actions .gg-header-cta{
  min-height:44px!important;
  height:44px!important;
  padding:0 18px!important;
  font-size:13px!important;
  font-weight:800!important;
}
@media(max-width:1180px){
  html body .gg-site-header .gg-nav-row{width:min(calc(100% - 30px),var(--gg-header-max))!important;min-height:70px!important;height:70px!important;gap:14px!important;}
  html body .gg-site-header .gg-nav-row .brand img{width:180px!important;max-width:180px!important;max-height:35px!important;}
  html body .gg-site-header .gg-nav-row .gg-primary-nav{display:none!important;}
  html body .gg-site-header .gg-nav-row .gg-header-actions .gg-header-cta{display:none!important;}
}
@media(max-width:620px){
  html body .gg-site-header .gg-nav-row{width:min(calc(100% - 24px),var(--gg-header-max))!important;min-height:66px!important;height:66px!important;}
  html body .gg-site-header .gg-nav-row .brand img{width:158px!important;max-width:158px!important;max-height:31px!important;}
}
