/* 8k.10k.5k.6x.15 — Canonical Header Scale + Typography Authority Consolidation */

#nav{
  box-sizing:border-box !important;
  width:100% !important;
  height:66px !important;
  min-height:66px !important;
  max-height:66px !important;
  padding:0 28px 0 20px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  background:#fff !important;
  border:0 !important;
  border-bottom:1px solid rgba(13,43,77,.12) !important;
  box-shadow:0 2px 10px rgba(13,43,77,.08) !important;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  z-index:1000 !important;
}

#nav .nav-logo{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  align-self:center !important;
  flex:0 0 255px !important;
  width:255px !important;
  min-width:255px !important;
  max-width:255px !important;
  height:66px !important;
  min-height:66px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  text-decoration:none !important;
}

#nav .nav-logo img{
  display:block !important;
  width:250px !important;
  max-width:250px !important;
  height:auto !important;
  max-height:64px !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  clip-path:none !important;
}

#nav .nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:28px !important;
  height:66px !important;
  min-height:66px !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
  font-family:"DM Sans",Arial,sans-serif !important;
}

#nav .nav-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  min-height:36px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  color:#0D2B4D !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:14px !important;
  font-style:normal !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}

#nav .nav-links a:hover{
  color:#0F9EAA !important;
  background:transparent !important;
}

#nav .nav-links a.nav-cta{
  min-height:38px !important;
  padding:0 16px !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  border:1px solid #8fd8e2 !important;
  border-radius:9px !important;
  background:#eefbfc !important;
  color:#0D2B4D !important;
  box-shadow:none !important;
}

#nav .nav-links a.nav-cta:hover{
  background:#dff7fa !important;
  color:#0D2B4D !important;
}

#nav .nav-toggle{
  display:none !important;
  margin-left:auto !important;
  background:transparent !important;
  border:0 !important;
  padding:7px !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

#nav .nav-toggle span{
  display:block !important;
  width:26px !important;
  height:2px !important;
  margin:5px 0 !important;
  background:#0D2B4D !important;
  border-radius:2px !important;
}

.nav-backdrop{display:none !important;}

body.login-page > #nav,
body.login-page > .nav-backdrop{
  grid-column:1 / -1 !important;
}

#nav + *,
body > #nav + *{
  margin-top:0 !important;
}

header:has(> #nav),
.site-header:has(> #nav),
.page-header:has(> #nav){
  margin:0 !important;
  padding:0 !important;
  height:auto !important;
  min-height:0 !important;
}

@media(max-width:1100px){
  #nav{
    padding-left:18px !important;
    padding-right:22px !important;
    gap:18px !important;
  }
  #nav .nav-logo{
    flex-basis:220px !important;
    width:220px !important;
    min-width:220px !important;
    max-width:220px !important;
  }
  #nav .nav-logo img{
    width:215px !important;
    max-width:215px !important;
  }
  #nav .nav-links{gap:20px !important;}
  #nav .nav-links a,
  #nav .nav-links a.nav-cta{
    font-size:13px !important;
  }
}

@media(max-width:760px){
  #nav{
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
    padding:10px 18px !important;
  }
  #nav .nav-logo{
    height:56px !important;
    min-height:56px !important;
    flex-basis:210px !important;
    width:210px !important;
    min-width:210px !important;
    max-width:210px !important;
  }
  #nav .nav-logo img{
    width:205px !important;
    max-width:205px !important;
    max-height:54px !important;
  }
  #nav .nav-toggle{display:block !important;}
  #nav .nav-links{
    display:none !important;
    position:absolute !important;
    top:68px !important;
    left:12px !important;
    right:12px !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:2px !important;
    background:#fff !important;
    border:1px solid rgba(13,43,77,.12) !important;
    border-radius:16px !important;
    padding:12px !important;
    box-shadow:0 20px 50px rgba(13,43,77,.18) !important;
  }
  #nav .nav-links.active{display:flex !important;}
  #nav .nav-links a{
    min-height:auto !important;
    padding:11px 12px !important;
    justify-content:flex-start !important;
    font-size:14px !important;
    color:#0D2B4D !important;
  }
  #nav .nav-links a.nav-cta{
    justify-content:center !important;
    min-height:40px !important;
    font-size:14px !important;
  }
}