/* GENEROVANO z weby\_design\tlacitka.css skriptem weby\_design\synchronizuj.ps1. Negenerovat rucne, needitovat: zmenu udelej v _design a spust synchronizuj.ps1. */
/* Aureality: tlačítka (manuál 0.97). Hodnoty řídí proměnné --au-tl-* v tokens.css; každá má tady i výchozí hodnotu.
   synchronizuj.ps1 ho kopíruje do <web>\design\tlacitka.css (od 2. 11.).

   <button class="au-tl au-tl--hlavni">Spustit vlnu 3</button>       hlavní akce: modrá plná, bílý text, jedna na obrazovku
   <button class="au-tl au-tl--vedlejsi">Nastavení</button>          vedlejší: obrys
   <button class="au-tl au-tl--karta">Pozvat</button>                vedlejší: tmavá karta s modrou linkou vlevo
   <button class="au-tl au-tl--tiche">Zrušit</button>                tiché: jen text
   <button class="au-tl au-tl--nebezpecne">Smazat trasu</button>     nebezpečné: bez červené plochy, jen akcent
   <button class="au-tl au-tl--hlavni au-tl--fun">Hrát</button>      hry (.fun): o kousek hravější, stejný systém
   Velikost podle důležitosti (.au-tl--male, výchozí, .au-tl--velke), nikdy přes celou šířku panelu.
   Bílé plné tlačítko ne; výjimka .au-tl--na-fotce jen na rušném obrázku. Stav vypnuto: atribut disabled. */

.au-tl {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: auto; max-width: 100%; min-height: var(--au-target, 44px);
  padding: 0 var(--au-tl-odsazeni, 18px);
  font: var(--au-pismo-menu-vaha, 600) var(--au-tl-pismo, 16px)/1.2 var(--au-pismo-menu, "Comfortaa", "Outfit", system-ui, sans-serif);
  border-radius: var(--au-tl-roh, 3px); border: 1px solid transparent;
  background: none; color: var(--au-text, #F5F7FB); cursor: pointer; text-decoration: none;
  transition: background-color .15s, border-color .15s, color .15s;
}
.au-tl:focus-visible { outline: 2px solid var(--au-tl-fokus, #8DBBFF); outline-offset: 2px; }
.au-tl:disabled, .au-tl[aria-disabled="true"] { opacity: var(--au-tl-vypnuto, .45); cursor: not-allowed; }

/* Hlavní akce: jedna na obrazovku */
.au-tl--hlavni { background: var(--au-tl-hlavni, #2563EB); color: var(--au-tl-hlavni-text, #FFFFFF); }
.au-tl--hlavni:hover:not(:disabled) { background: var(--au-tl-hlavni-hi, #2F6EF0); }

/* Vedlejší: obrys */
.au-tl--vedlejsi { border-color: var(--au-tl-obrys, #3F4954); color: var(--au-text, #F5F7FB); }
.au-tl--vedlejsi:hover:not(:disabled) { border-color: var(--au-tl-obrys-hi, #8DBBFF); }

/* Vedlejší: tmavá karta s modrou linkou vlevo (navazuje na linky.css) */
.au-tl--karta { background: var(--au-tl-karta, #11161C); border-color: var(--au-karta-ramecek, #262C36); box-shadow: inset var(--au-linka-stredni, 2px) 0 0 var(--au-linka-barva, #8DBBFF); }
.au-tl--karta:hover:not(:disabled) { border-color: var(--au-tl-obrys-hi, #8DBBFF); }

/* Tiché: jen text */
.au-tl--tiche { color: var(--au-tl-tiche, #8DBBFF); padding: 0 8px; }
.au-tl--tiche:hover:not(:disabled) { text-decoration: underline; text-underline-offset: 4px; }

/* Nebezpečné: bez červené plochy, jen akcent (linka vlevo a barva textu chyby) */
.au-tl--nebezpecne { border-color: var(--au-tl-obrys, #3F4954); color: var(--au-tl-nebezpeci, #FF9A8A); box-shadow: inset var(--au-linka-stredni, 2px) 0 0 var(--au-tl-nebezpeci, #FF9A8A); }
.au-tl--nebezpecne:hover:not(:disabled) { border-color: var(--au-tl-nebezpeci, #FF9A8A); }

/* Velikost podle důležitosti */
.au-tl--male { --au-tl-odsazeni: 12px; --au-tl-pismo: 14px; }
.au-tl--velke { --au-tl-odsazeni: 26px; --au-tl-pismo: 18px; min-height: 52px; }

/* Hry (.fun): o kousek hravější, stejný systém (větší oblouk, mírné zvednutí při najetí) */
.au-tl--fun { --au-tl-roh: var(--au-karta-oblouk, 14px); }
@media (prefers-reduced-motion: no-preference) {
  .au-tl--fun { transition: transform .15s, background-color .15s, border-color .15s; }
  .au-tl--fun:hover:not(:disabled) { transform: translateY(-1px); }
}

/* Výjimka: bílé plné jen na rušné fotce, kde modrá zaniká */
.au-tl--na-fotce { background: #FFFFFF; color: #07090D; }