/* Konzervatívny vzhľad verejného webu (Juraj 12. 10. 2026 21:06: „ikony pôsobia neoficiálne… používajme
   konzervatívnejší dizajn, asi na celom webe"). Vzor je štatistický úrad (ŠÚ SR, ČSÚ, Eurostat), nie startup:
   plná tmavomodrá namiesto farebných prechodov a žiary, nadpisy sekcií ako text s linkou namiesto farebných pásov
   s krúžkami, ikony len čiarové v farbe textu (ikony-ciara.js), dekoratívne ikony preč.
   Načíta sa len na verejných stránkach a dá <html> triedu konzerv (server.js strankaHtml);
   appka Náskok (/naskok…, appka.nx) a Štefan app ju nemajú, tam ostáva pôvodný vzhľad.
   Selektory začínajú html.konzerv, aby prebili :root:not(:where([data-dizajn])) zo styl.css a panel.css. */

html.konzerv{
  --d5-hrdina:#16345C;
  --d5-cap-z:#16345C; --d5-cap-m:#16345C; --d5-cap-o:#16345C; --d5-cap-n:#16345C; --d5-cap-t:#16345C;
  --d5-tien:0 1px 2px rgba(14,30,54,.06);
  --d5-tien2:0 1px 3px rgba(14,30,54,.1);
  --k-linka:#16345C;
}
html.konzerv[data-theme="dark"]{--d5-hrdina:#0E1E36;--k-linka:#8FB3E0}
@media (prefers-color-scheme:dark){html.konzerv:not([data-theme="light"]){--d5-hrdina:#0E1E36;--k-linka:#8FB3E0}}

/* hlavička webu: jednofarebná linka namiesto dúhovej */
html.konzerv header.hlava::before{background:linear-gradient(var(--k-linka),var(--k-linka)) bottom/100% 2px no-repeat,var(--plocha)}

/* titulka: rovný tmavomodrý pás bez oblúka a žiary, bez tieňa písma */
html.konzerv .tt-hero{border-radius:0;box-shadow:none}
html.konzerv .tt-hero h1{text-shadow:none}
html.konzerv .tt-hero h1 em{color:#fff}
/* súhrnné čísla bez farebných krúžkov */
html.konzerv .d5-s{grid-template-columns:minmax(0,1fr)}
html.konzerv .d5-s i{display:none}
html.konzerv .d5-s span{grid-column:auto}
html.konzerv .d5-suhrn{border-radius:6px}

/* sekcie titulky a zoznamov: biela karta s jemným okrajom, nadpis ako text s linkou */
html.konzerv .d5-list section.blok{border-radius:6px;box-shadow:none;border:1px solid var(--d5-lem)}
html.konzerv .d5-list section.blok>h2,
html.konzerv .pn .pn-obsah .pe-pas>.pe-h{margin:0 0 16px;padding:20px 0 10px;border-radius:0;background:none;box-shadow:none;
  color:var(--text);border-bottom:2px solid var(--k-linka);font-size:clamp(21px,2.6vw,26px)}
html.konzerv .d5-list section.blok>h2::after,
html.konzerv .pn .pn-obsah .pe-pas>.pe-h::after{display:none}
html.konzerv .d5-list section.blok>h2 .pocet{color:var(--text3)}
html.konzerv :is(main>h2,section.blok>h2)::before{display:none}
html.konzerv .tt-mesta a:nth-child(-n+3)::before{color:var(--text2);background:var(--d5-bg)}

/* pätička: rovná, bez oblúka */
html.konzerv footer{--pata-oblk:0px;border-radius:0}

/* články: bez ikon pri nadpisoch, grafoch a KPI, karty KPI bez farebných plôch */
html.konzerv :is(.h2-ik-o,.kpi-ik,.gv-ik,.zv-ik){display:none}
html.konzerv article.clanok h2.h2-s-ik{display:block}
html.konzerv .kpi{box-shadow:none;border-radius:6px}
html.konzerv .kpi-modra{background:var(--panel);background-image:none}
html.konzerv :is(.kpi-zelena,.kpi-oranz){background:var(--plocha);border-color:var(--ram2)}

/* profil firmy a obce: rovná hlavička, ľavé menu s čiarovými ikonami vo farbe textu, pásy bez farebnej hlavičky */
html.konzerv .pn-hlava::before{border-radius:0;box-shadow:none}
html.konzerv .pn-hlava h1{text-shadow:none}
html.konzerv .pn-nad{color:rgba(255,255,255,.8)}
html.konzerv .pn .pn-pol .pn-g{background:none;color:inherit}
html.konzerv .pn .pn-pol .pn-g::before{content:"";display:block;width:100%;height:100%;background:currentColor;
  -webkit-mask:var(--gm) center/contain no-repeat;mask:var(--gm) center/contain no-repeat}
html.konzerv .pn .pn-pol svg{background:none;color:inherit}
html.konzerv .pn .pn-pol.tu{background:var(--panel);color:#fff}
html.konzerv .pn .pe-pas{border-radius:6px;box-shadow:none;border:1px solid var(--d5-lem)}
html.konzerv .pn .pe-h-ik{display:none}
html.konzerv .pn .pn-obsah :is(.pp-pas,.pp-graf){border-radius:6px;box-shadow:0 1px 3px rgba(14,30,54,.1)}
html.konzerv .pn .pp-id-n,html.konzerv .pn .pp-id:nth-child(n) .pp-id-n{background:var(--panel)}
@media (max-width:839px){
  html.konzerv .pn .pn-menu{background:linear-gradient(var(--k-linka),var(--k-linka)) top/100% 2px no-repeat,var(--plocha);border-radius:0}
  html.konzerv .pn .pe-pas{border-radius:6px}}

/* Kronika a Štefan: karty s čiarovou ikonou bez farebného štvorčeka, pramene bez ikon */
html.konzerv .krd-ik{background:none!important;width:28px;height:28px;color:var(--k-linka)}
html.konzerv .krd-tmave .krd-ik{color:#fff}
html.konzerv .krz-skupina h3{display:flex;align-items:center;gap:8px}
html.konzerv .krz-skupina h3 .ikc{flex:none;color:var(--k-linka)}
html.konzerv .ikc-zamok{vertical-align:-2px}
html.konzerv .ah{background:color-mix(in srgb,#16345C 92%,transparent)}
/* hlavička článkov a podstránok (.d5-hlava, .hrdina): rovný pás bez oblúka a tieňa */
html.konzerv :is(.d5-hlava,main>.hrdina)::before{border-radius:0;box-shadow:none}
html.konzerv :is(.d5-hlava,main>.hrdina) h1{text-shadow:none}