/* =========================================================
   D-051: prepinac jazyka v paticce (dole vlevo, misto textu "Cestina")
   Vzor umisteni: Squarespace (seznam jazyku se otevira nahoru, nazvy v jejich jazyce).
   Vzor vzhledu: pilulka se zlatou aktivni volbou (web Prague Healthcare, --gold #c09a5e).
   <details>/<summary> funguje i bez JavaScriptu; paticka je vzdy cerna (verejny web nema svetly/tmavy prepinac).
   ========================================================= */
:root {
  --pmc-jazyk-zlata: #c09a5e;
  --pmc-jazyk-zlata-svetla: #d4b47e;
  --pmc-jazyk-fs: clamp(13px, calc(.31vw + 8px), 18px);   /* 14 px pri 1920, 16 px pri 2560 */
}
.pmc-jazyk { position: relative; display: inline-block; font-size: var(--pmc-jazyk-fs); line-height: 1.2; }
.pmc-jazyk__spoustec {
  list-style: none; cursor: pointer; user-select: none;
  display: inline-flex; align-items: center; gap: .55em;
  padding: .5em .95em .5em .8em; border-radius: 100px;
  border: 1px solid var(--pmc-mm-linka, rgba(255, 255, 255, .14));
  background: rgba(255, 255, 255, .04);
  color: var(--pmc-bila, #fff);
  transition: border-color .2s ease, background-color .2s ease;
}
.pmc-jazyk__spoustec::-webkit-details-marker { display: none; }
.pmc-jazyk__spoustec::marker { content: ""; }
.pmc-jazyk__spoustec:hover, .pmc-jazyk[open] > .pmc-jazyk__spoustec { border-color: var(--pmc-jazyk-zlata); background: rgba(192, 154, 94, .1); }
.pmc-jazyk__spoustec:focus-visible { outline: 2px solid var(--pmc-jazyk-zlata); outline-offset: 3px; }
.pmc-jazyk__ikona, .pmc-jazyk__sipka {
  width: 1.15em; height: 1.15em; flex: none;
  fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
}
.pmc-jazyk__ikona { color: var(--pmc-jazyk-zlata); }
.pmc-jazyk__sipka { width: 1em; height: 1em; transition: transform .2s ease; transform: rotate(180deg); }
.pmc-jazyk[open] .pmc-jazyk__sipka { transform: none; }
.pmc-jazyk__spoustec .pmc-jazyk__kod { display: none; }

/* seznam se otevira NAHORU nad tlacitkem, zarovnany k levemu okraji */
.pmc-jazyk__seznam {
  position: absolute; left: 0; bottom: calc(100% + 10px); z-index: 60;
  list-style: none; margin: 0; padding: 6px;
  display: grid; gap: 2px;
  min-width: 15em; max-width: calc(100vw - 2 * var(--pmc-okraj, 16px));
  max-height: min(72vh, 34em); overflow-y: auto; overscroll-behavior: contain;
  background: #111; border: 1px solid var(--pmc-mm-linka, rgba(255, 255, 255, .14)); border-radius: 22px;
  box-shadow: 0 -18px 50px rgba(0, 0, 0, .45);
}
.pmc-jazyk__volba {
  display: flex; align-items: center; gap: .8em;
  padding: .62em 1em; border-radius: 100px;
  color: var(--pmc-mm-tlumeny, rgba(255, 255, 255, .62)); text-decoration: none; white-space: nowrap;
  transition: background-color .2s ease, color .2s ease;
}
.pmc-jazyk__volba .pmc-jazyk__kod {
  display: inline-block; min-width: 2.2em; font-size: .78em; letter-spacing: .1em; font-weight: 500; opacity: .8;
}
.pmc-jazyk__volba:hover, .pmc-jazyk__volba:focus-visible { background: rgba(255, 255, 255, .08); color: var(--pmc-bila, #fff); outline: none; }
.pmc-jazyk__volba.is-aktivni, .pmc-jazyk__volba.is-aktivni:hover { background: var(--pmc-jazyk-zlata); color: #000; }
.pmc-jazyk__volba.is-aktivni .pmc-jazyk__kod { opacity: 1; }
.pmc-jazyk__volba:focus-visible { box-shadow: 0 0 0 2px var(--pmc-jazyk-zlata); }

/* japonstina a ukrajinstina: pismo s glyfy (systemove pisma, nic se nestahuje) */
html[lang="ja"] { --pmc-pismo: ui-rounded, "SF Pro Rounded", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Meiryo", "Noto Sans JP", sans-serif; }
.pmc-jazyk [lang="ja"] { font-family: "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Meiryo", "Noto Sans JP", sans-serif; }

@media (max-width: 760px) {
  .pmc-jazyk__seznam { min-width: min(15em, calc(100vw - 2 * var(--pmc-okraj, 16px))); }
}
@media (prefers-reduced-motion: reduce) {
  .pmc-jazyk__spoustec, .pmc-jazyk__sipka, .pmc-jazyk__volba { transition: none; }
}