/* Static bilingual navigation enhancements. */
.header-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 12px;
}

.language-switcher {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgba(191, 239, 240, 0.18);
  border-radius: 999px;
  background: rgba(4, 12, 14, 0.68);
  font-family: "IBM Plex Mono", monospace;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.12em;
}

.language-switcher a {
  min-width: 32px;
  padding: 7px 8px;
  border-radius: 999px;
  color: var(--quiet);
  text-align: center;
  transition: color 0.18s ease, background 0.18s ease;
}

.language-switcher a:hover,
.language-switcher a[aria-current="true"] {
  background: rgba(191, 239, 240, 0.12);
  color: var(--ink);
}

.mobile-menu[hidden] {
  display: none !important;
}

.mobile-menu {
  z-index: 80;
}

body.menu-open {
  overflow: hidden;
}

body.menu-open .site-header-v2 {
  z-index: 120 !important;
  background: rgba(3, 8, 10, 0.96);
}

body.menu-open .brand-mark,
body.menu-open .language-switcher,
body.menu-open .menu-toggle[aria-expanded="true"] {
  position: relative;
  z-index: 121;
}

body.menu-open .menu-toggle[aria-expanded="true"] svg {
  visibility: hidden;
}

body.menu-open .menu-toggle[aria-expanded="true"]::before,
body.menu-open .menu-toggle[aria-expanded="true"]::after {
  position: absolute;
  width: 17px;
  height: 1px;
  background: currentColor;
  content: "";
}

body.menu-open .menu-toggle[aria-expanded="true"]::before {
  transform: rotate(45deg);
}

body.menu-open .menu-toggle[aria-expanded="true"]::after {
  transform: rotate(-45deg);
}

@media (max-width: 900px) {
  .section-v2 {
    overflow-x: clip;
  }

  .header-actions {
    gap: 9px;
  }

  .header-actions .header-cta {
    display: none;
  }

  .language-switcher {
    font-size: 8px;
  }

  .language-switcher a {
    min-width: 29px;
    padding: 6px 7px;
  }
}