/* =============================================================
   LANGUAGE SWITCHER — matches the existing nav/design tokens
============================================================= */
.lang-switcher {
  position: relative;
}

.lang-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 1px solid var(--border);
  color: var(--ink);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 999px;
  transition: border-color .2s, color .2s;
}

.lang-btn i {
  font-size: 1rem;
  color: var(--green);
}

.lang-btn:hover,
.lang-btn:focus {
  border-color: var(--green);
  color: var(--green);
}

.lang-switcher .dropdown-menu {
  min-width: 160px;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 6px;
  box-shadow: 0 12px 30px rgba(10, 22, 40, 0.12);
  margin-top: 10px;
}

.lang-switcher .dropdown-item {
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  border-radius: 6px;
  padding: 8px 12px;
  color: var(--ink);
}

.lang-switcher .dropdown-item:hover,
.lang-switcher .dropdown-item:focus {
  background: var(--green-light);
  color: var(--green);
}

.lang-switcher .dropdown-item.active {
  background: var(--green);
  color: #fff;
}

/* Mobile: keep switcher compact next to the toggler */
@media (max-width: 767.98px) {
  .lang-btn .lang-code { display: inline-block; }
  .lang-btn { padding: 6px 10px; }
}