/* ================================================================
   VZHĽAD 2026 — vnútro appky v téme nového úvodu (24. 9. 2026)

   Juraj: „keď som sa šiel prihlásiť, tak tam skočil starý vizuál, aj
   vnútro denníka hoď do takejto témy". Farby a písmo sú z úvodu
   (layout-2026.php, v26.css): noc nad trávnikom #0F1712, jediná
   červená #E5202E, Anton na titulkoch, Instrument Sans na text.

   Načítava sa na KAŽDEJ stránke appky za style.css a vzhlad.css.
   Návrat = vyhodiť jeden <link> v layout.php.

   ⚠️ Poučenie zo 17. 9. (dres.css, vrátený): nemeniť ROZLOŽENIE
   stránok, len farby a písmo. Vtedy padol prázdny trávnik cez pol
   prehľadu, dva rady čísel pod sebou a skóre s logom medzi číslami.
   Nič z toho tu nie je — žiadne nové bloky, žiadna spodná lišta.

   ⚠️ QR kód pri platbe zostáva na bielom. Banková appka tmavý QR
   neprečíta. Rovnako znaky klubov (logá) majú svoje biele pozadie.
   ================================================================ */

:root {
  --pozadie: #0F1712;
  --papier: #16211A;
  --papier-2: #1C2A21;
  --ink: #F2F1EA;
  --seda: #A7B0A6;
  --seda-svetla: #7E8A80;
  --linka: #26342B;
  --linka-vyrazna: #34463A;
  --tint: #1F2A22;
  --ram: #26342B;

  --cervena: #E5202E;
  --cervena-tmava: #C8102E;
  --cervena-tmavsia: #A20F1B;
  /* tlačidlá boli zelené; v téme je jediný akcent červená značky */
  --trava: #E5202E;
  --trava-tmava: #B8141F;
  --zlta: #E0A23A;

  --vyhra: #5BE28A;
  --vyhra-tlm: #173A25;
  --prehra: #FF8A92;
  --prehra-tlm: #3A1A1E;
  --caka: #E8B33C;
  --caka-tlm: #3A3017;
  --modra: #8FB2F0;
  --modra-tlm: #1B2740;

  --pismo: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tien: 0 1px 2px rgba(0,0,0,.35), 0 18px 40px -22px rgba(0,0,0,.75);
  --tien-hore: 0 2px 8px rgba(0,0,0,.45), 0 28px 56px -20px rgba(0,0,0,.85);
  color-scheme: dark;
}

html, body { background: var(--pozadie); color: var(--ink); }
body { font-family: var(--pismo); -webkit-font-smoothing: antialiased; }
a { color: var(--ink); text-decoration-color: rgba(229,32,46,.6); }
a:hover { color: #fff; }
::selection { background: var(--cervena); color: #fff; }
hr, .rule { border-color: var(--linka); }

/* ---------- titulky ----------
   Pod 1.08 sa v Antone orežú mäkčene nad veľkými písmenami (DIEŤAŤA). */
h1, h2, h3 { color: var(--ink); }
h1 { font-family: var(--pismo-display); text-transform: uppercase; font-weight: 400;
     letter-spacing: .005em; line-height: 1.12; }
h2 { font-family: var(--pismo-display); text-transform: uppercase; font-weight: 400;
     letter-spacing: .01em; line-height: 1.12; }
h2 .cislo { background: var(--cervena); color: #fff; font-family: var(--pismo-display); }
.linka-titul { background: var(--cervena); }
.podnadpis, .napoveda, .jemne, .sedy, small { color: var(--seda); }

/* ---------- hlavička: rovnaká ako na úvode ---------- */
.hlava {
  background: rgba(15,23,18,.86);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(38,52,43,.8);
  position: sticky; top: 0; z-index: 30;
}
.znacka-ikona { background: var(--cervena); color: #fff; }
.znacka-text { font-family: var(--pismo-display); text-transform: uppercase; letter-spacing: .02em; color: var(--ink); }
.hlava nav a, .viac > summary {
  color: var(--seda); background: none; border-radius: 0;
  border-bottom: 2px solid transparent; font-weight: 500;
}
.hlava nav a:hover, .viac > summary:hover { background: none; color: var(--ink); }
.hlava nav a.je-tu {
  background: none; color: var(--ink); border-bottom: 2px solid var(--ink);
  padding-bottom: .42rem;
}
.hlava nav a.je-tu .odznak, .odznak { background: var(--cervena); color: #fff; }
.viac[open] > summary { background: none; color: var(--ink); }
.viac-obsah {
  background: #131D17; border: 1px solid var(--linka-vyrazna);
  box-shadow: var(--tien-hore);
}
.hlava nav .viac-obsah a { color: #D6DAD2; border-bottom: 0; }
.hlava nav .viac-obsah a:hover { background: rgba(242,241,234,.06); color: #fff; }
/* neprihlásený: „Založiť denník" je výzva, nie položka menu */
.hlava nav a[href="/registracia"] { color: var(--ink); font-weight: 600;
  border-bottom: 2px solid var(--cervena); }

/* ---------- pruh totožnosti ---------- */
.prepinac { background: #121B15; border-bottom: 1px solid var(--linka); }
.totoznost { border-right-color: var(--linka); }
.totoznost-ako { color: var(--cervena); }
.totoznost-kde { color: #D6DAD2; }
.prepinac-popis { color: var(--seda-svetla); }
.prepinac-volba { background: transparent; color: #D6DAD2; border-color: var(--linka-vyrazna); }
.prepinac-volba:hover { background: rgba(242,241,234,.05); color: #fff; border-color: var(--seda); }
.prepinac-volba.je-aktivna { background: var(--cervena); border-color: var(--cervena); color: #fff; }

/* ---------- pás s titulkom stránky: noc s kriedovou čiarou ---------- */
.strana-hlava {
  background:
    radial-gradient(60% 140% at 6% 0%, rgba(229,32,46,.22) 0%, rgba(229,32,46,0) 60%),
    linear-gradient(180deg, #132019 0%, #0F1712 100%);
  border-bottom: 1px solid var(--linka);
}
.strana-hlava h1 { color: var(--ink); line-height: 1.12; }
.strana-hlava .podnadpis { color: var(--seda); }

/* ---------- karty, zoznamy, panely ---------- */
.karta, .zoznam, .dokument, .plan, .otazky details, .liga-hlavicka, .verejna,
.opakovanie, .vlakno-zavrete, .hladac-vysledky, .trener-zdarma, .zakladatel,
.suhlas, .doklad, .referencia, .dovod, .kompletnost, .cislo-blok, .funkcia,
.ukazka-ramik, .sprava, .kal-odkaz code, .rozpor-strana, .dochadzka-riadok {
  background: var(--papier); border-color: var(--ram); color: var(--ink); box-shadow: none;
}
.plan.pripravovany { background: var(--papier); border-color: var(--linka-vyrazna); }
.dlazdice { background: var(--ram); border-color: var(--ram); }
.dlazdica { background: var(--papier-2); }
.dlazdica .cislo { font-family: var(--pismo-display); font-weight: 400; color: var(--ink); }
.dlazdica.zvyraznena .cislo { color: var(--cervena); }
.dlazdica .popis { color: var(--seda); }

.riadok, .kal-riadok, .konv-riadok, .sezona-riadok, .liga-riadok,
.milnik-riadok, .klub-riadok { border-color: var(--linka); color: var(--ink); }
.riadok:hover, .kal-riadok:hover, .konv-riadok:hover, .sezona-riadok:hover,
.liga-riadok:hover, .klub-riadok:hover { background: var(--papier-2); }
.konv-riadok.neprecitane, .dochadzka-riadok.zo-slubu, tr.je-po-splatnosti { background: #1F2A1C; }
.kal-datum { background: var(--papier-2); color: var(--ink); }
.kal-datum .cislo { font-family: var(--pismo-display); }
.kal-kedy, .riadok-vedlajsie { color: var(--seda); }
.kal-supper, .riadok-hlavne { color: var(--ink); }
.kal-sipka { color: var(--seda-svetla); }

/* ---------- výsledky a štítky: stav farbou, nie bielym políčkom ---------- */
.vysledok { font-family: var(--pismo-display); font-weight: 400; }
.vysledok.vyhra, .bil.vyhra { background: var(--vyhra-tlm); color: var(--vyhra); }
.vysledok.prehra, .bil.prehra { background: var(--prehra-tlm); color: var(--prehra); }
.vysledok.remiza, .bil.remiza, .vysledok.neznamy { background: var(--papier-2); color: #C9CEC6; }
.bil.bez { background: var(--papier-2); color: var(--seda); }
.stitok { background: var(--papier-2); color: #D6DAD2; }
.stitok.doma, .stitok.overeny { background: var(--vyhra-tlm); color: var(--vyhra); }
.stitok.vonku, .stitok.sporny, .stitok.caka { background: var(--caka-tlm); color: var(--caka); }
.stitok.nevedie { background: var(--papier-2); color: var(--seda); }
.stitok.zapisany, .stitok.ohlasene { background: var(--modra-tlm); color: var(--modra); }
.stitok.oblast-rozcvicka, .pas-ciara i.oblast-rozcvicka { background: var(--modra-tlm); color: var(--modra); }
.stitok.oblast-technika, .pas-ciara i.oblast-technika { background: var(--vyhra-tlm); color: var(--vyhra); }
.stitok.oblast-kondicia, .pas-ciara i.oblast-kondicia { background: var(--caka-tlm); color: var(--caka); }
.stitok.oblast-taktika, .pas-ciara i.oblast-taktika { background: #2A2140; color: #C3AEF0; }
.stitok.oblast-brankar, .pas-ciara i.oblast-brankar { background: #3A3017; color: #F0D080; }
.stitok.oblast-regeneracia, .pas-ciara i.oblast-regeneracia { background: #163434; color: #8FE0E0; }
.stitok.oblast-ine, .pas-ciara i.oblast-ine { background: var(--papier-2); color: var(--seda); }

/* ---------- tlačidlá ---------- */
.tlacidlo, button { font-family: var(--pismo); font-weight: 600; }
.tlacidlo, button {
  background: var(--cervena); border-color: var(--cervena); color: #fff; box-shadow: none;
}
.tlacidlo:hover, button:hover { background: #B8141F; border-color: #B8141F; color: #fff; }
.tlacidlo.druhotne, button.druhotne, button.maly.druhotny, .ucast-tlacidlo {
  background: transparent; color: var(--ink); border-color: var(--linka-vyrazna);
}
.tlacidlo.druhotne:hover, button.druhotne:hover, button.maly.druhotny:hover, .ucast-tlacidlo:hover {
  background: rgba(242,241,234,.06); color: #fff; border-color: var(--seda);
}
button.nebezpecne { background: transparent; color: var(--prehra); border-color: #5A2A2F; }
button.nebezpecne:hover { background: var(--prehra-tlm); }
.ciel-zaskrtnutie, .ciel-zaskrtnutie:hover { background: var(--papier-2); }
.chip span { background: var(--papier-2); border-color: var(--linka-vyrazna); color: #D6DAD2; }
.chip input:checked + span { background: var(--cervena); border-color: var(--cervena); color: #fff; box-shadow: none; }

/* ---------- formuláre ---------- */
input[type=text], input[type=email], input[type=password], input[type=date],
input[type=time], input[type=number], input[type=search], input[type=url],
input[type=tel], input[type=file], select, textarea {
  background: #111A14; border-color: var(--linka-vyrazna); color: var(--ink);
}
input::placeholder, textarea::placeholder { color: var(--seda-svetla); }
input:focus, select:focus, textarea:focus {
  border-color: var(--cervena); outline: none;
  box-shadow: 0 0 0 3px rgba(229,32,46,.25);
}
label, .pole label, legend { color: #D6DAD2; }
option { background: #111A14; color: var(--ink); }
fieldset { border-color: var(--linka); }
/* dátum a čas: ikonka kalendára prehliadača musí byť vidno aj na tmavom */
input[type=date]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator { filter: invert(.85); }

/* ---------- tabuľky ---------- */
.tabulka { color: var(--ink); }
.tabulka th { background: var(--papier-2); color: var(--seda); border-bottom-color: var(--linka-vyrazna); }
.tabulka td { border-color: var(--linka); }
.tabulka tbody tr:hover { background: var(--papier-2); }

/* ---------- hlásenia ---------- */
.upozornenie { background: var(--caka-tlm); border-color: #4A3C17; color: #F0DEB0; }
.upozornenie strong, .upozornenie a { color: #fff; }
.chyby { background: var(--prehra-tlm); border-color: #4A2226; color: #FFC9CD; }
.hotovo { background: var(--vyhra-tlm); border-color: #1D4A2F; color: #B9F0CE; }
.milnik { background: var(--papier-2); border-color: var(--linka-vyrazna); }

/* ---------- karta hráča: jediné miesto s plnou červenou ---------- */
.hrac-hlavicka { box-shadow: none; }
/* Hráč bez klubu: style.css dáva pozadie var(--ink), čo je v tme krémová
   a biele meno na nej zmizne. Farby klubu idú inline, takže toto prebijú. */
.hrac-hlavicka { background: var(--papier-2); color: var(--ink); }
.hrac-hlavicka h1 { color: inherit; }
.hrac-znak { background: #fff; }

/* ---------- progres a míľniky ---------- */
.pruh { background: var(--papier-2); }
.pruh span { background: var(--cervena); }
.milnik-ikona { background: var(--papier-2); }

/* ---------- vlákno a správy ---------- */
.vlakno, .vlakno-hlava, .vlakno-pisanie, .od-trenera, .sprava-bublina {
  background: var(--papier); border-color: var(--ram); color: var(--ink);
}
.vlakno-hlava { background: var(--papier-2); }
.sprava-moja { background: #3A1519; border-color: #5A2A2F; color: var(--ink); }

/* ---------- kód a odkazy na kopírovanie ---------- */
code, pre { background: #111A14; color: #D6DAD2; border-color: var(--linka); }

/* ---------- výnimky, ktoré MUSIA ostať biele ---------- */
.qr, .qr-obal { background: #fff; }
.hrac-znak, .znak-mini, .klub-znak { background: #fff; }

/* ---------- pätička ---------- */
.pata { background: var(--pozadie); border-top: 1px solid var(--linka); color: var(--seda); }
.pata a { color: #D6DAD2; }
.pata strong { color: var(--ink); }

/* ---------- pás „daj si denník na plochu" ---------- */
.appka-pas { background: #131D17; border-top: 1px solid var(--linka-vyrazna); color: var(--ink); }

/* ---------- jazykový pás ---------- */
.jazyk-pas { background: var(--caka-tlm); color: #F0DEB0; }

/* ---------- doplnky po prehliadke 24. 9. na skutočných dátach ---------- */
/* dni mimo mesiaca v mriežke kalendára (rodič aj tím) */
.mriezka td.inde, .mriezka td.inde.ma-udalosti { background: #121A15; color: var(--seda-svetla); }
/* pilulky vybranej ligy / voľby, keď sú to odkazy */
a.prepinac-volba { background: transparent; color: #D6DAD2; border-color: var(--linka-vyrazna); }
a.prepinac-volba.je-aktivna { background: var(--cervena); border-color: var(--cervena); color: #fff; }
/* zvládnutý trik */
.trik-znacka.je-zvladnuta { background: var(--vyhra-tlm); color: var(--vyhra); }
/* pole bez uvedeného typu (napr. hľadanie cvičení, názov klubu) */
input:not([type]) { background: #111A14; border: 1px solid var(--linka-vyrazna); color: var(--ink); }
.sutaze .prepinac-volba, .filtre .prepinac-volba, .strankovanie .prepinac-volba {
  background: transparent; color: #D6DAD2; border-color: var(--linka-vyrazna); }
.sutaze .prepinac-volba:hover, .filtre .prepinac-volba:hover, .strankovanie .prepinac-volba:hover {
  background: rgba(242,241,234,.06); color: #fff; border-color: var(--seda); }
.sutaze .prepinac-volba.je-aktivna, .filtre .prepinac-volba.je-aktivna, .strankovanie .prepinac-volba.je-aktivna {
  background: var(--cervena); border-color: var(--cervena); color: #fff; }
/* Telefón: „Viac" stojí vedľa posuvného pásu menu a jeho tieň zakrýva
   položky, ktoré pod neho zajdú. Bol červený podľa starej červenej
   hlavičky — tu má farbu tmavej hlavičky. */
@media (max-width: 720px) {
  .viac { background: #0F1712; box-shadow: -14px 0 12px -4px #0F1712; }
  .viac > summary { border: 1px solid var(--linka-vyrazna); border-radius: 999px; }
}

/* ---------- záložky oblasti klubu (29. 9. 2026) ---------- */
.oblasti { background: #121B15; border-bottom: 1px solid var(--linka); }
.oblasti a.prepinac-volba { background: transparent; color: #D6DAD2; border-color: var(--linka-vyrazna); }
.oblasti a.prepinac-volba:hover { background: rgba(242,241,234,.06); color: #fff; border-color: var(--seda); }
.oblasti a.prepinac-volba.je-aktivna { background: var(--cervena); border-color: var(--cervena); color: #fff; }