/* Papírová nabídka jazyka (jazyk-menu.js). Barvy si bere z proměnných
   stránky, kde je: aplikace (--bg-card, --text, --border, --accent),
   úvodní stránka si --jm-* nastaví sama. */
.jm{
  --jm-bg:var(--bg-card,#fff);--jm-ink:var(--text,#1b1c1e);--jm-ink-2:var(--text-2,#5d5850);
  --jm-linka:var(--border,#e4ded2);--jm-akcent:var(--accent,#2f7bff);
  display:inline-flex;vertical-align:middle;
  border:0!important;background:none!important;padding:0!important;min-height:0!important;box-shadow:none!important
}
/* :where = nulová váha – umístění z tříd stránky (auth-lang) má přednost. */
:where(.jm){position:relative}
.jm .jm-puvodni{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden;clip:rect(0 0 0 0)}
.jm-tlacitko{
  display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px 0 12px;border-radius:12px;cursor:pointer;
  border:1px solid var(--jm-linka);background:var(--jm-bg);color:var(--jm-ink);font:650 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.02em;
  transition:border-color .2s,box-shadow .2s
}
.jm-tlacitko:hover{border-color:color-mix(in srgb,var(--jm-akcent) 45%,var(--jm-linka))}
.jm-tlacitko:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--jm-akcent) 25%,transparent);border-color:var(--jm-akcent)}
.jm-sipka{width:15px;height:15px;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.jm.otevreno .jm-sipka{transform:rotate(180deg)}

/* Seznam jako lísteček: papír, jemný stín, kousek pásky nahoře. */
.jm-seznam{
  position:absolute;top:calc(100% + 10px);right:0;z-index:60;min-width:190px;margin:0;padding:8px;list-style:none;
  background:var(--jm-bg);color:var(--jm-ink);border:1px solid var(--jm-linka);border-radius:14px;
  box-shadow:0 1px 1px rgba(0,0,0,.04),0 24px 48px -22px rgba(40,30,10,.45);transform-origin:top right
}
.jm-seznam::before{
  content:"";position:absolute;top:-9px;left:50%;width:56px;height:16px;margin-left:-28px;transform:rotate(-3deg);
  background:color-mix(in srgb,var(--jm-akcent) 22%,transparent);pointer-events:none
}
.jm-seznam[hidden]{display:none}
.jm-seznam li{
  display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;cursor:pointer;
  font:15px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;outline:none;transition:background-color .15s
}
.jm-seznam li:hover,.jm-seznam li:focus{background:color-mix(in srgb,var(--jm-akcent) 10%,transparent)}
.jm-seznam li:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--jm-akcent) 55%,transparent)}
.jm-zkratka{display:inline-grid;place-items:center;height:24px;border-radius:7px;font:700 11px/1 ui-monospace,"Cascadia Mono",Consolas,monospace;letter-spacing:.06em;color:var(--jm-ink-2);background:color-mix(in srgb,var(--jm-ink) 7%,transparent)}
.jm-seznam li[aria-selected="true"] .jm-zkratka{background:var(--jm-akcent);color:#fff}
.jm-seznam li[aria-selected="true"] .jm-nazev{font-weight:650}
.jm-fajfka{width:18px;height:18px;color:var(--jm-akcent);opacity:0}
.jm-seznam li[aria-selected="true"] .jm-fajfka{opacity:1}
.jm-prilet{animation:jm-prilet .32s cubic-bezier(.34,1.56,.64,1) both}
@keyframes jm-prilet{from{opacity:0;transform:translateY(-6px) scale(.96) rotate(-1deg)}}
@media (prefers-reduced-motion:reduce){.jm-prilet,.jm-sipka{animation:none!important;transition:none!important}}