/* Переключатель языка (I18N_CONTRACT.md): значок «флаг + код», по клику — список.
   Свой файл, потому что нужен и на карточке входа, и на витрине. */
/* Переключатель языка (I18N_CONTRACT.md): значок «флаг + код» в углу карточки,
   по клику — список языков. Не выпадающий select и не строка ссылок: один значок,
   который не мозолит глаза, пока не понадобится. */
.lang-pick{ position:relative; }
.lang-btn{
  display:inline-flex; align-items:center; gap:6px;
  border:1px solid var(--line); background:var(--card); color:var(--muted);
  border-radius:9px; padding:5px 9px; font:inherit; font-size:13px; cursor:pointer;
}
.lang-btn:hover{ border-color:var(--line-strong); color:var(--ink); }
.lang-btn .flag{ border-radius:2px; box-shadow:0 0 0 1px rgba(0,0,0,.08); display:block; }
.lang-menu{
  display:none; position:absolute; top:calc(100% + 6px); right:0; min-width:172px;
  background:var(--card); border:1px solid var(--line); border-radius:11px;
  box-shadow:0 12px 28px rgba(0,0,0,.12); padding:5px; z-index:5;
}
.lang-pick.open .lang-menu{ display:block; }
.lang-menu a{
  display:flex; align-items:center; gap:9px; padding:8px 10px; border-radius:8px;
  text-decoration:none; color:var(--ink); font-size:14px; white-space:nowrap;
}
.lang-menu a:hover{ background:#f1f5f9; }
.lang-menu a.on{ font-weight:600; }
.lang-menu .flag{ border-radius:2px; box-shadow:0 0 0 1px rgba(0,0,0,.08); flex:0 0 auto; }