/* Shared material; geometry and menu layout remain owned by the existing header. */
.gladia-header {
  --nav-glass: rgb(250 251 253 / .64);
  --nav-solid: #f8f9fb;
  --nav-ink: #17191d;
  --nav-muted: #454b54;
  --nav-edge: rgb(26 35 49 / .09);
  --nav-shadow: 0 4px 18px rgb(20 28 42 / .06);
  --nav-hover: rgb(30 40 55 / .06);
  --nav-cta: #17191d;
  --nav-cta-ink: #fff;
}
.gladia-header[data-nav-scrolled="true"] {
  --nav-glass: rgb(250 251 253 / .72);
  --nav-shadow: 0 8px 28px rgb(20 28 42 / .10);
}
.gladia-header[data-nav-theme="dark"] {
  --nav-glass: rgb(26 32 42 / .66);
  --nav-solid: #202631;
  --nav-ink: #f8f9fb;
  --nav-muted: #d1d7e0;
  --nav-edge: rgb(255 255 255 / .13);
  --nav-shadow: 0 6px 24px rgb(0 0 0 / .12);
  --nav-hover: rgb(255 255 255 / .10);
  --nav-cta: #f8f9fb;
  --nav-cta-ink: #17191d;
}
.gladia-header:has(.gladia-nav-group.is-open, .kw-download[open], [data-gladia-mobile-nav]:not([hidden])) {
  --nav-glass: rgb(250 251 253 / .9);
}
.gladia-header[data-nav-theme="dark"]:has(.gladia-nav-group.is-open, .kw-download[open], [data-gladia-mobile-nav]:not([hidden])) {
  --nav-glass: rgb(26 32 42 / .9);
}
.gladia-header .gladia-nav-shell {
  background: var(--nav-solid) !important;
  border: 1px solid var(--nav-edge) !important;
  box-shadow: var(--nav-shadow) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .gladia-header .gladia-nav-shell {
    background: var(--nav-glass) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.2) !important;
    backdrop-filter: blur(24px) saturate(1.2) !important;
  }
}
.gladia-header .gladia-logo { color: var(--nav-ink) !important; }
.gladia-header .gladia-nav-links > a,
.gladia-header .gladia-nav-group > button {
  color: var(--nav-muted) !important;
  transition: color 180ms ease, background-color 180ms ease;
}
/* Same 40px interaction box for every top-level navigation item. */
.gladia-header .gladia-nav-links { gap:8px; }
.gladia-header .gladia-nav-group { display:flex; align-items:center; }
.gladia-header .gladia-nav-links > a,
.gladia-header .gladia-nav-group > button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:12px 18px;
  line-height:16px;
  border-radius:12px;
  background:transparent !important;
  user-select:none;
}
.gladia-header .gladia-nav-group > button::after { content:none; }
.gladia-header .gladia-nav-links > a:focus-visible,
.gladia-header .gladia-nav-group > button:focus-visible,
.gladia-header .gladia-nav-group.is-open > button {
  color:var(--nav-ink) !important;
  background:var(--nav-hover) !important;
}
@media (hover:hover) and (pointer:fine) {
  .gladia-header .gladia-nav-links > a:hover,
  .gladia-header .gladia-nav-group > button:hover {
    color:var(--nav-ink) !important;
    background:var(--nav-hover) !important;
  }
}
/* Override legacy :hover/:focus-within menu visibility; JS owns the state. */
.gladia-header .gladia-dropdown {
  transition:opacity 180ms ease,transform 180ms ease;
}
.gladia-header .gladia-nav-group:not(.is-open) .gladia-dropdown {
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-6px);
}
.gladia-header .gladia-nav-group.is-open .gladia-dropdown {
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%);
}
/* A dropdown link should highlight in place without shifting the grid. */
.gladia-header .gladia-dropdown a:is(:hover,:focus-visible) {
  transform:none;
}
.gladia-header .gladia-nav-actions .signup {
  background: var(--nav-cta) !important;
  color: var(--nav-cta-ink) !important;
  transition: background-color 180ms ease, color 180ms ease;
}
.gladia-header .gladia-nav-actions .signup:hover { background: #373b43 !important; }
.gladia-header[data-nav-theme="dark"] .gladia-nav-actions .signup:hover { background: #e1e5eb !important; }
.gladia-header .gladia-menu-button span { background: var(--nav-ink) !important; }
.gladia-header .gladia-nav-shell :is(a, button, summary):focus-visible {
  outline: 2px solid var(--nav-ink);
  outline-offset: 4px;
}
/* Expanded menus retain their own opaque, light reading surface. */
.gladia-header .gladia-dropdown :is(a, button):focus-visible {
  outline-color: #17191d;
}
@media (prefers-reduced-transparency: reduce) {
  .gladia-header .gladia-nav-shell {
    background: var(--nav-solid) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .gladia-header .gladia-nav-shell,
  .gladia-header .gladia-dropdown,
  .gladia-header .gladia-nav-shell :is(a, button, summary) { transition: none !important; }
}