/* =========================================================
   V8.12.1 — Header state stability
   - Prevent header/menu from switching to white in page/scroll/active states.
   - Keep EN/FA language control vertically centered at a fixed height.
   ========================================================= */

/* One stable dark header surface for every public page and every state. */
html body #siteHeader.site-header,
html body #siteHeader.site-header.hero-dark,
html body #siteHeader.site-header.scrolled,
html body #siteHeader.site-header.scrolled.hero-dark{
  background:rgba(5,12,23,.96)!important;
  color:#c7d6eb!important;
  border-bottom-color:rgba(132,166,216,.10)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(16px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
}

/* Top-level menu: same non-white tone in normal/hero/scrolled states. */
html body #siteHeader .main-nav > a,
html body #siteHeader .main-nav > .nav-dropdown > .nav-dropdown-trigger,
html body #siteHeader.hero-dark .main-nav > a,
html body #siteHeader.hero-dark .main-nav > .nav-dropdown > .nav-dropdown-trigger,
html body #siteHeader.scrolled .main-nav > a,
html body #siteHeader.scrolled .main-nav > .nav-dropdown > .nav-dropdown-trigger{
  color:#c7d6eb!important;
}

/* Hover, focus and active use the brand accent instead of pure white. */
html body #siteHeader .main-nav > a:hover,
html body #siteHeader .main-nav > a:focus-visible,
html body #siteHeader .main-nav > a.active,
html body #siteHeader .main-nav > .nav-dropdown > .nav-dropdown-trigger:hover,
html body #siteHeader .main-nav > .nav-dropdown > .nav-dropdown-trigger:focus-visible,
html body #siteHeader .main-nav > .nav-dropdown > .nav-dropdown-trigger.active,
html body #siteHeader.scrolled .main-nav > a:hover,
html body #siteHeader.scrolled .main-nav > a:focus-visible,
html body #siteHeader.scrolled .main-nav > a.active{
  color:#8db3ff!important;
}

/* Dropdown links also stay predictable; no white flash on hover/focus. */
html body #siteHeader .main-nav .nav-dropdown-menu a{
  color:#c7d6eb!important;
}
html body #siteHeader .main-nav .nav-dropdown-menu a:hover,
html body #siteHeader .main-nav .nav-dropdown-menu a:focus-visible,
html body #siteHeader .main-nav .nav-dropdown-menu a.active{
  color:#8db3ff!important;
}

/* Lock all header tools to the same vertical center line. */
html body #siteHeader .header-shell,
html body #siteHeader .header-tools{
  align-items:center!important;
}

/* EN / FA: fixed geometry in every header state. */
html body #siteHeader .language-button,
html body #siteHeader.hero-dark .language-button,
html body #siteHeader.scrolled .language-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;

  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  min-width:46px!important;

  padding:0 13px!important;
  margin:0!important;
  line-height:1!important;
  vertical-align:middle!important;

  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  inset-block-start:auto!important;
  inset-block-end:auto!important;
  translate:none!important;
  transform:none!important;

  color:#c7d6eb!important;
  border-color:rgba(125,161,236,.22)!important;
  background:rgba(255,255,255,.055)!important;
}

/* Do not let generic link hover effects lift the language control. */
html body #siteHeader .language-button:hover,
html body #siteHeader .language-button:focus-visible,
html body #siteHeader .language-button:active,
html body #siteHeader.scrolled .language-button:hover,
html body #siteHeader.hero-dark .language-button:hover{
  color:#8db3ff!important;
  border-color:rgba(105,156,255,.48)!important;
  background:rgba(67,125,247,.14)!important;
  transform:none!important;
  translate:none!important;
}

/* Keep the language text itself centered even if fonts load late. */
html body #siteHeader .language-button{
  font-size:13px!important;
  font-weight:700!important;
  text-align:center!important;
  white-space:nowrap!important;
}