/*
 * Wroomi 2 — volitelný vzhled: barva, písmo a zaoblení rohů.
 *
 * 🔴 JEN PŘEPÍNAČE, ŽÁDNÁ PALETA. Výchozí hodnoty tokenů jsou v `:root` každého
 *    stylopisu (`admin.css`, `portal.css`, `prihlaska.css`) a hlídá je
 *    `docs/smoke-tokens.php`. Tenhle soubor je jen přepisuje podle toho, co si
 *    škola vybrala v Nastavení → Vzhled.
 *
 * 🔴 SOUBOR SE PŘIPOJUJE ZA HLAVNÍ STYLOPIS a vybírá se atributem na `<html>`,
 *    který vypisuje `Vzhled::atributy()`. Inline styl v šabloně projekt nepřipouští
 *    a musel by se opakovat v pěti layoutech.
 *
 * ⚠️ SROVNÁVAČ A ADMINISTRACE 2 TENHLE SOUBOR NENAČÍTAJÍ: jsou to vědomě jiné
 *    značky (předloha wroomi.webflow.io), ne vzhled jedné autoškoly. Tisková
 *    sestava `.doklad` je černobílá schválně.
 *
 * ⚠️ KÓDY MUSÍ SEDĚT S `core/Vzhled.php`. Neznámý kód tam spadne na výchozí, takže
 *    pravidlo bez protějšku v PHP se nikdy neuplatní a jen tiše zestárne.
 */

/* ---------- barevné schéma ---------- */

/* `modra` je výchozí paleta stylopisů, takže vlastní pravidlo nepotřebuje. */

:root[data-tema="tyrkysova"] {
    --c-primary: #0b7b87;
    --c-primary-dark: #086069;
    --c-primary-soft: #e0f6f8;
    --c-info: #0b7b87;
    --c-info-soft: #e0f6f8;
}

:root[data-tema="zelena"] {
    --c-primary: #137a49;
    --c-primary-dark: #0f6239;
    --c-primary-soft: #e4f6ec;
    --c-info: #137a49;
    --c-info-soft: #e4f6ec;
}

:root[data-tema="fialova"] {
    --c-primary: #8257d6;
    --c-primary-dark: #6b42bb;
    --c-primary-soft: #f0eafc;
    --c-info: #8257d6;
    --c-info-soft: #f0eafc;
}

:root[data-tema="oranzova"] {
    --c-primary: #b35309;
    --c-primary-dark: #8f4207;
    --c-primary-soft: #fdeee0;
    --c-info: #b35309;
    --c-info-soft: #fdeee0;
}

/* ---------- písmo ---------- */

/*
 * ⚠️ NIC SE NESTAHUJE. Obě volby níž jmenují písma, která zařízení už má — žák
 *    na mobilu mezi jízdami nečeká na webfont a stránka se nepřekreslí.
 *    Neproporcionální písmo (`--font-mono`) se nepřepíná: je na čísla účtu
 *    a kódy, kde na zarovnání znaků záleží víc než na podobě stránky.
 */

:root[data-pismo="bezpatkove"] {
    --font: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

:root[data-pismo="patkove"] {
    --font: Georgia, "Times New Roman", Times, serif;
}

/* ---------- zaoblení rohů ---------- */

/*
 * 🔴 PŘEPÍNAČ SAHÁ JEN NA `--radius` A `--radius-sm`. Kolečko u iniciál uživatele
 *    (`--radius-circle`) a pilulka u pruhu průběhu (`--radius-pill`) zůstávají
 *    kulaté i v ostré variantě: ostrý čtverec místo kolečka vypadá jako vada,
 *    ne jako volba, a pruh průběhu s pravými úhly se neliší od ohraničení.
 */

:root[data-rohy="ostre"] {
    --radius: 0;
    --radius-sm: 0;
}

/* Vánoční vločky (dávka 259). Jedna vrstva přes `transform`, bez skriptu a bez překreslování.
   Posun se rovná výšce vzorku, smyčka tak nemá skok. Klikání prochází, tisk ani omezený pohyb je nevidí. */
:root[data-vlocky] body::after {
    content: "";
    position: fixed;
    inset: -240px 0 0;
    z-index: 2147483000;
    pointer-events: none;
    background-image:
        radial-gradient(circle at 20% 30%, rgba(255, 255, 255, .9) 0 2px, transparent 3px),
        radial-gradient(circle at 60% 10%, rgba(255, 255, 255, .7) 0 1.5px, transparent 2.5px),
        radial-gradient(circle at 85% 65%, rgba(200, 220, 240, .9) 0 2px, transparent 3px),
        radial-gradient(circle at 40% 80%, rgba(200, 220, 240, .7) 0 1.5px, transparent 2.5px);
    background-size: 240px 240px;
    will-change: transform;
    animation: vlocky-pad 18s linear infinite;
}
@keyframes vlocky-pad {
    to { transform: translateY(240px); }
}
@media (prefers-reduced-motion: reduce) {
    :root[data-vlocky] body::after { display: none; }
}
@media print {
    :root[data-vlocky] body::after { display: none; }
}

/* Upozornění do telefonu (dávka 263). Styl tlačítka `display` jinak přebije atribut `hidden`. Tenhle soubor čte administrace i portál. */
.push-odber { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2, 8px); }
.push-odber > p { flex-basis: 100%; margin: 0; }
.push-odber__tlacitko[hidden] { display: none; }