/* Wybor jezyka, jeden komponent dla landingu i wnetrza.
   Patrz app/docs/i18n.md, rozdzial „Wybor jezyka jest jednym komponentem". */
.lang-wrap{position:relative;flex:none}
.lang{width:40px;height:40px;padding:0;border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--ink2);font-family:var(--mono);font-size:var(--fs-label,12px);letter-spacing:.06em;cursor:pointer;transition:.25s}
.lang:hover,.lang[aria-expanded="true"]{border-color:var(--ink2);color:var(--ink)}
/* lista na N jezykow: sufit wysokosci, przewijanie w srodku, tlo pelne */
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:132px;max-height:min(70vh,420px);overflow-y:auto;padding:8px;border-radius:14px;border:1px solid var(--line);background:var(--bg2);box-shadow:var(--shadow);display:grid;gap:2px;z-index:60}
.lang-menu a{display:block;padding:8px 10px;border-radius:9px;font-family:var(--fb);font-size:13px;color:var(--ink2);white-space:nowrap;text-decoration:none}
.lang-menu a:hover,.lang-menu a:focus-visible{background:var(--field);color:var(--ink)}
.lang-menu a[aria-current="true"]{color:var(--accent)}
.lang-menu[hidden]{display:none}
.lang:focus-visible,.lang-menu a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lang-menu a:focus-visible{outline-offset:-2px}
/* pozycja listy jest celem pod palec: 44 px na telefonie */
@media (max-width:620px){
  .lang-menu a{display:flex;align-items:center;min-height:44px;padding-block:0}
}