/* v34: nav color match. The nav block is deliberately the same off-white as the header surface. */
:root {
  --as-header-light: #f7fbff;
  --as-header-light-2: #f2f8ff;
  --as-header-dark: #071225;
}

/* The user-visible issue is not the link itself but the whole nav band. Make it match the header instead of pure white. */
html[data-theme="light"] .site-header,
html[data-theme="light"] .site-header.site-header-v24 {
  background: rgba(247,251,255,.94) !important;
}

html[data-theme="light"] .site-header .site-nav,
html[data-theme="light"] .site-header .site-nav-v20,
html[data-theme="light"] .site-header .site-nav-v24 {
  background: var(--as-header-light) !important;
  background-color: var(--as-header-light) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] .site-header .site-nav,
html[data-theme="dark"] .site-header .site-nav-v20,
html[data-theme="dark"] .site-header .site-nav-v24 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (min-width: 761px) {
  html[data-theme="light"] .site-header .site-nav,
  html[data-theme="light"] .site-header .site-nav-v20,
  html[data-theme="light"] .site-header .site-nav-v24 {
    /* Same visual color as the pill; no white rectangle contrast. */
    background: var(--as-header-light) !important;
    background-color: var(--as-header-light) !important;
    padding: 0 6px !important;
    border-radius: 12px !important;
  }

  html[data-theme="light"] .site-header .site-nav > a,
  html[data-theme="light"] .site-header .site-nav-v20 > a,
  html[data-theme="light"] .site-header .site-nav-v24 > a {
    background: var(--as-header-light) !important;
    background-color: var(--as-header-light) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #061427 !important;
  }

  html[data-theme="light"] .site-header .site-nav > a:not(.nav-cta):hover,
  html[data-theme="light"] .site-header .site-nav-v20 > a:not(.nav-cta):hover,
  html[data-theme="light"] .site-header .site-nav-v24 > a:not(.nav-cta):hover,
  html[data-theme="light"] .site-header .site-nav > a:not(.nav-cta):focus-visible,
  html[data-theme="light"] .site-header .site-nav-v20 > a:not(.nav-cta):focus-visible,
  html[data-theme="light"] .site-header .site-nav-v24 > a:not(.nav-cta):focus-visible {
    background: var(--as-header-light) !important;
    background-color: var(--as-header-light) !important;
    color: #125fe8 !important;
  }

  /* Restore underline hover explicitly. */
  .site-header .site-nav > a:not(.nav-cta),
  .site-header .site-nav-v20 > a:not(.nav-cta),
  .site-header .site-nav-v24 > a:not(.nav-cta) {
    position: relative !important;
  }

  .site-header .site-nav > a:not(.nav-cta)::after,
  .site-header .site-nav-v20 > a:not(.nav-cta)::after,
  .site-header .site-nav-v24 > a:not(.nav-cta)::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 1px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg,#125fe8,#45d7ff) !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    transition: transform .20s ease !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }

  .site-header .site-nav > a:not(.nav-cta):hover::after,
  .site-header .site-nav-v20 > a:not(.nav-cta):hover::after,
  .site-header .site-nav-v24 > a:not(.nav-cta):hover::after,
  .site-header .site-nav > a:not(.nav-cta):focus-visible::after,
  .site-header .site-nav-v20 > a:not(.nav-cta):focus-visible::after,
  .site-header .site-nav-v24 > a:not(.nav-cta):focus-visible::after {
    transform: scaleX(1) !important;
  }

  /* ORION/Login CTA: keep it simple, not on a separate pure-white plate. */
  html[data-theme="light"] .site-header .site-nav .nav-cta,
  html[data-theme="light"] .site-header .site-nav-v20 .nav-cta,
  html[data-theme="light"] .site-header .site-nav-v24 .nav-cta {
    background: linear-gradient(135deg,#2563eb,#7c3aed) !important;
    color: #ffffff !important;
  }
}

/* Mobile menu remains a panel; this rule is only for the real burger menu. */
@media (max-width: 760px) {
  html[data-theme="light"] .site-header .site-nav-v24 {
    background: #ffffff !important;
  }
}