/* Aureality: jednotná horní lišta (zdroj: weby\_design\lista\lista.css). Písmo Urbanist (3. 11. 2026: menu a tlačítka 500, nadpisy 600–700, text 400), Comfortaa jen v logu.
   Pevná výška --au-lista-v, žádné zalamování, místo rezervované předem (žádný CLS). Ikony jeden styl: bílé linky 1,6 px.
   Roletku domén kreslí weby\_design\menu (menu.js + menu.css); tady jen umístění šipky a odsazení panelu pod lištu. */
:root { --au-lista-v: 56px; --au-lista-roh: var(--au-tl-roh, 3px); --au-lista-sirka: 1240px; } /* rohy = jedna proměnná tlačítek --au-tl-roh (tokens.css, manuál 3 px); přepnutí na kapsli: <html data-au-lista-roh="kapsle"> */
:root[data-au-lista-roh="kapsle"] { --au-lista-roh: 999px; }
html.au-lista-zap { scroll-padding-top: calc(var(--au-lista-v) + 8px); }
/* rezervované místo ještě před vykreslením (prázdný <header data-au-lista> ve stránce) */
header[data-au-lista]:empty { display: block; height: var(--au-lista-v); }

.au-lista, .au-lista-list, .au-lista-palec {
  --l-bg: rgba(7, 9, 13, .90); --l-panel: var(--au-ink-850, #151920); --l-tx: var(--au-snow, #F5F7FB); --l-mut: var(--au-gray-400, #A4ADBA);
  --l-linka: var(--au-sky, #6B9BFF); --l-modra: var(--au-blue, #2563EB); --l-ram: rgba(107, 155, 255, .22); --l-hover: rgba(255, 255, 255, .06);
  --l-roh: var(--au-lista-roh, 3px);
  font: 500 15px/1 var(--au-pismo-text, "Urbanist", system-ui, sans-serif); letter-spacing: .01em; color: var(--l-tx);
}
/* lišta je celá v Urbanist i na webech bez tokens.css/pisma-web.css (.info); po převodu všech webů na tokeny lze odstranit */
:root :is(.au-lista, .au-lista-list, .au-lista-palec) :is(a, button, span) , :root .au-lista-palec { font-family: var(--au-pismo-text, "Urbanist", system-ui, sans-serif); font-weight: 500; letter-spacing: .01em; }
:root .au-lista .au-lista-pripona { font-weight: 600; } /* přípona patří k logu */
:root :is(.au-lista, .au-lista-list) .au-lista-poz { font-family: var(--au-mono, "IBM Plex Mono", ui-monospace, monospace); letter-spacing: .04em; }
.au-lista { position: sticky; top: 0; z-index: 50; box-sizing: border-box; height: var(--au-lista-v); overflow: visible;
  background: var(--l-bg); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid var(--l-ram); }
.au-lista--aplikace { position: fixed; left: 0; right: 0; --l-bg: rgba(7, 9, 13, .55); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); }
.au-lista *, .au-lista-list * { box-sizing: border-box; }
.au-lista-in { height: 100%; display: flex; align-items: center; gap: 8px; max-width: var(--au-lista-sirka); margin: 0 auto; padding: 0 24px; white-space: nowrap; }
.au-lista--aplikace .au-lista-in { max-width: none; padding: 0 16px; }

/* logo + přípona domény na stejném účaří (SVG nápisu: účaří y=0, spodek 42/192 výšky pod ním) */
.au-lista-l { display: flex; align-items: center; flex: none; }
.au-lista-logo { display: inline-block; line-height: 1; padding: 8px 2px; color: var(--l-tx); text-decoration: none; border-radius: var(--l-roh); }
.au-lista-napis { display: inline-block; height: 22px; width: 96.5px; vertical-align: -4.8px; }
.au-lista-napis--sv { display: none; }
.au-lista-pripona { margin-left: 3px; font: 600 19px/1 var(--au-pismo-text, "Urbanist", system-ui, sans-serif); letter-spacing: .01em; color: var(--l-linka); }
.au-lista-sip-misto { display: inline-block; width: 44px; height: 40px; flex: none; }
.au-lista .au-menu-sip ~ .au-lista-sip-misto { display: none; }
.au-lista .au-menu-sip { width: 40px; min-width: 40px; height: 40px; margin: 0 0 0 4px; padding: 0; border-radius: var(--l-roh); color: var(--l-tx); }
.au-lista .au-menu-sip:hover, .au-lista .au-menu-sip[aria-expanded="true"] { border-color: var(--l-ram); background: var(--l-hover); }

/* položky domény (1–4) */
.au-lista-nav { flex: 1 1 auto; min-width: 0; margin-left: 12px; overflow: hidden; }
.au-lista-nav ul { display: flex; flex-wrap: nowrap; gap: 2px; margin: 0; padding: 0; list-style: none; }
.au-lista-nav a { position: relative; display: flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px; color: var(--l-mut); text-decoration: none; border-radius: var(--l-roh); }
.au-lista-nav a:hover { color: var(--l-tx); background: var(--l-hover); }
.au-lista-nav a[aria-current="page"] { color: var(--l-tx); }
.au-lista-nav a[aria-current="page"]::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 3px; height: 2px; background: var(--l-modra); }
.au-lista-poz { font: 500 10px/1 var(--au-mono, "IBM Plex Mono", ui-monospace, monospace); letter-spacing: .04em; text-transform: uppercase; color: var(--l-mut); border: 1px solid var(--l-ram); border-radius: var(--l-roh); padding: 3px 5px; }

/* nástroje aplikace (Globe vloží vlastní tlačítka) a pravý blok */
.au-lista-nastroje { display: flex; align-items: center; gap: 4px; flex: none; }
.au-lista-nastroje:empty { display: none; }
.au-lista-p { display: flex; align-items: center; gap: 4px; flex: none; margin-left: auto; }
.au-lista-nastroje:not(:empty) { margin-left: auto; }
.au-lista-nastroje:not(:empty) + .au-lista-p { margin-left: 4px; }
.au-lista-tl { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 40px; min-width: 40px; padding: 0 10px; margin: 0;
  background: transparent; color: var(--l-tx); border: 1px solid transparent; border-radius: var(--l-roh); font: inherit; text-decoration: none; cursor: pointer; }
.au-lista-tl:hover, .au-lista-tl[aria-expanded="true"] { border-color: var(--l-ram); background: var(--l-hover); }
.au-lista-tl svg, .au-lista-list svg, .au-lista-palec svg { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.au-lista-ikona { width: 40px; padding: 0; }
.au-lista-ucet { padding: 0 12px; }
.au-lista-ucet::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 5px; height: 2px; background: var(--l-modra); }
.au-lista-ucet svg { display: none; }
.au-lista a:focus-visible, .au-lista button:focus-visible, .au-lista-list a:focus-visible, .au-lista-list button:focus-visible, .au-lista-palec:focus-visible { outline: 2px solid var(--l-linka); outline-offset: 2px; }

/* výběr jazyka: jeden nenápadný přepínač */
.au-lista-jazyk { position: relative; }
.au-lista-jazyky { position: absolute; top: calc(100% + 6px); right: 0; z-index: 60; min-width: 168px; margin: 0; padding: 6px; list-style: none;
  background: var(--l-panel); border: 1px solid var(--l-ram); border-radius: var(--l-roh); box-shadow: 0 12px 40px rgba(0, 0, 0, .45); }
.au-lista-jazyky[hidden] { display: none; }
.au-lista-jazyky button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; height: 36px; padding: 0 10px;
  background: transparent; border: 0; border-radius: var(--l-roh); color: var(--l-tx); font: 500 14px/1 var(--au-pismo-text, "Urbanist", system-ui, sans-serif); cursor: pointer; }
.au-lista-jazyky button:hover { background: var(--l-hover); }
.au-lista-jazyky button[aria-checked="true"] { box-shadow: inset 2px 0 0 var(--l-modra); }
.au-lista-jazyky small { font: 500 11px/1 var(--au-mono, "IBM Plex Mono", monospace); color: var(--l-mut); text-transform: uppercase; }

/* sbalený stav (mobil nebo málo místa): nic se nezalamuje, položky jdou do jednoho tlačítka */
.au-lista-vice { display: none; }
.au-lista--sbalit .au-lista-in { padding: 0 8px 0 16px; }
.au-lista--sbalit .au-lista-nav, .au-lista--sbalit .au-lista-jazyk, .au-lista--sbalit .au-lista-motiv,
.au-lista--sbalit .au-lista-nastroje > :not([data-mobil]) { display: none; }
.au-lista--sbalit .au-lista-ucet { width: 40px; padding: 0; }
.au-lista--sbalit .au-lista-ucet span, .au-lista--sbalit .au-lista-ucet::after { display: none; }
.au-lista--sbalit .au-lista-ucet svg { display: block; }
.au-lista--sbalit.au-lista--vpravo .au-lista-vice { display: inline-flex; }

/* tlačítko Menu dole u palce */
.au-lista-palec { position: fixed; z-index: 60; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); display: none; align-items: center; gap: 8px;
  height: 48px; padding: 0 18px; background: rgba(14, 17, 22, .92); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  border: 1px solid var(--l-ram); border-radius: var(--l-roh); box-shadow: 0 10px 30px rgba(0, 0, 0, .45); cursor: pointer; }
html.au-lista-sbaleno.au-lista-dole .au-lista-palec { display: inline-flex; }

/* spodní list (thumb sheet) */
.au-lista-zaves { position: fixed; inset: 0; z-index: 94; background: rgba(4, 7, 12, .55); }
.au-lista-zaves[hidden], .au-lista-list[hidden] { display: none; }
.au-lista-list { position: fixed; z-index: 95; left: 0; right: 0; bottom: 0; max-height: 82vh; overflow: auto; padding: 8px 16px calc(16px + env(safe-area-inset-bottom, 0px));
  background: var(--l-panel); border-top: 1px solid var(--l-ram); }
.au-lista-list::before { content: ""; position: absolute; left: 16px; top: -1px; width: 42%; height: 2px; background: var(--l-linka); }
.au-lista-list-hlava { display: flex; align-items: center; justify-content: space-between; height: 48px; }
.au-lista-list-hlava strong { font: 600 13px/1 var(--au-pismo-text, "Urbanist", sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--l-mut); }
.au-lista-list ul { margin: 0 0 8px; padding: 0; list-style: none; }
.au-lista-list li a, .au-lista-radek { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 52px; padding: 0 12px;
  color: var(--l-tx); text-decoration: none; background: transparent; border: 0; border-left: 1px solid var(--l-ram); border-radius: 0 var(--l-roh) var(--l-roh) 0;
  font: 500 17px/1.2 var(--au-pismo-text, "Urbanist", sans-serif); text-align: left; cursor: pointer; }
.au-lista-list li a[aria-current="page"] { border-left: 3px solid var(--l-modra); }
.au-lista-list li a:hover, .au-lista-radek:hover { background: var(--l-hover); }
.au-lista-list-nast { display: grid; gap: 8px; padding-top: 10px; border-top: 1px solid var(--l-ram); }
.au-lista-segment { display: flex; flex-wrap: wrap; gap: 6px; }
.au-lista-segment button { flex: 1 0 auto; min-width: 64px; height: 44px; padding: 0 12px; background: transparent; color: var(--l-tx); border: 1px solid var(--l-ram);
  border-radius: var(--l-roh); font: 500 15px/1 var(--au-pismo-text, "Urbanist", sans-serif); cursor: pointer; }
.au-lista-segment button[aria-checked="true"] { border-color: var(--l-modra); box-shadow: inset 0 -2px 0 var(--l-modra); }
.au-lista-list .au-lista-hlavni { justify-content: center; min-height: 48px; border: 1px solid var(--l-modra); border-radius: var(--l-roh); }

/* Roletka domén: panel pod lištou, aby nepřekrýval její spodní hranu */
@media (min-width: 641px) { html.au-lista-zap .au-roleta { top: calc(var(--au-lista-v) + 6px); } }
html.au-lista-zap .au-menu-lista { display: none !important; } /* starý úzký pruh je zrušený */

/* světlý motiv */
:root[data-theme="light"] :is(.au-lista, .au-lista-list, .au-lista-palec), :root[data-au-theme="light"] :is(.au-lista, .au-lista-list, .au-lista-palec) {
  --l-bg: rgba(215, 220, 226, .92); --l-panel: var(--au-paper-panel, #E6E9ED); --l-tx: var(--au-ink-text, #141920); --l-mut: var(--au-slate, #4B5563);
  --l-linka: var(--au-blue-750, #1D4ED8); --l-modra: var(--au-blue-750, #1D4ED8); --l-ram: rgba(29, 78, 216, .25); --l-hover: rgba(0, 0, 0, .05); }
:root[data-theme="light"] .au-lista--aplikace, :root[data-au-theme="light"] .au-lista--aplikace { --l-bg: rgba(230, 233, 237, .62); }
:root[data-theme="light"] .au-lista-palec, :root[data-au-theme="light"] .au-lista-palec { background: rgba(230, 233, 237, .94); }
:root[data-theme="light"] .au-lista-napis--tm, :root[data-au-theme="light"] .au-lista-napis--tm { display: none; }
:root[data-theme="light"] .au-lista-napis--sv, :root[data-au-theme="light"] .au-lista-napis--sv { display: inline-block; }
@media (prefers-reduced-motion: reduce) { .au-lista * { transition: none !important; } }