/* ---------- Language switcher ---------- */
.lang-switch { position: relative; }
.lang-btn {
  display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
  font: inherit; font-size: 14px; font-weight: 600; color: var(--ink-500, #42566B);
  background: none; border: 1px solid var(--line); border-radius: 999px; padding: 7px 12px;
  transition: border-color .18s, color .18s;
}
.lang-btn:hover { color: var(--navy-800, #0E1C29); border-color: var(--line-strong, #bdc9d4); }
.lang-btn svg { width: 17px; height: 17px; }
.lang-menu {
  position: absolute; inset-block-start: calc(100% + 8px); inset-inline-end: 0; z-index: 120;
  min-width: 150px; background: #fff; border: 1px solid var(--line);
  border-radius: var(--r-md, 10px); box-shadow: var(--shadow-lg, 0 12px 32px #0e1c2920); padding: 6px;
  display: none;
}
.lang-switch.open .lang-menu { display: block; }
.lang-menu button, .lang-menu a {
  display: block; width: 100%; text-align: start; cursor: pointer;
  font: inherit; font-size: 15px; color: var(--ink-700, #243b50);
  background: none; border: 0; border-radius: 8px; padding: 8px 12px;
}
.lang-menu button:hover, .lang-menu a:hover { background: var(--paper, #F4F7FA); }
.lang-menu [aria-current="true"] { background: var(--teal-50, #e5f7f5); color: var(--teal-600, #0B6E7F); font-weight: 700; }
.m-lang { padding: 6px 0 2px; }
.m-lang .lang-menu { inset-inline-end: auto; inset-inline-start: 0; }


.lang-menu a { text-decoration: none; }