/* Language switcher */
.lang-switch { position: relative; margin-left: 18px; display: inline-block; min-width: 80px; }
.lang-switch .ls-current {
  display: flex; align-items: center; gap: 6px;
  cursor: pointer; font-size: 13px; color: var(--mut);
  padding: 7px 11px; border: 1px solid var(--line); border-radius: 5px; background: #fff;
  font-family: inherit;
}
.lang-switch .ls-current:hover { color: var(--blue); border-color: #bcd4ea; }
.lang-switch .ls-current .flag { font-size: 15px; line-height: 1; }
.lang-switch .ls-current .caret { font-size: 9px; opacity: .55; margin-left: 2px; }
.lang-switch.open .ls-current { color: var(--blue); border-color: #bcd4ea; }
.lang-switch .ls-menu {
  position: absolute; top: calc(100% + 6px); right: 0; min-width: 158px;
  background: #fff; border: 1px solid var(--line); border-radius: 8px;
  box-shadow: 0 12px 34px rgba(12,34,51,.16); padding: 6px; display: none; z-index: 60;
}
.lang-switch.open .ls-menu { display: block; }
.lang-switch .ls-item {
  display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 6px;
  font-size: 13px; color: var(--ink); cursor: pointer; white-space: nowrap;
}
.lang-switch .ls-item:hover { background: var(--bg); }
.lang-switch .ls-item.active { color: var(--blue); font-weight: 600; background: #eef5fc; }
.lang-switch .ls-item .flag { font-size: 15px; line-height: 1; }
@media (max-width: 760px) {
  .lang-switch { margin-left: 10px; }
  .lang-switch .ls-current .label { display: none; }
  .lang-switch .ls-current { padding: 7px 9px; }
}