/*
Theme Name: Zdarsko
Theme URI: https://zdarsko.online
Author: Dvořák Jan
Description: Jednotné lightweight téma pro weby provozoven zdarsko.online. Neutrální světlý vzhled, systémové písmo, liniové ikony, jedna akcentní barva per provozovna. Obsah provozovny dodává plugin Zdarsko – Provozovna.
Version: 0.2.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: zdarsko
*/

:root{
	--zd-akcent-zaklad:#0284c7;
	--zd-akcent:var(--zd-akcent-zaklad);
	--zd-akcent-jemny:color-mix(in oklab, var(--zd-akcent-zaklad) 12%, white);
	--zd-text:#26313f;
	--zd-text-tlum:#6b7686;
	--zd-linka:#e7ecf2;
	--zd-plocha:#ffffff;
	--zd-pozadi:#f7f9fb;
	--zd-ok:#16a34a;
	--zd-tmava:#26356c;   /* lišta sítě – firemní modrá z loga (mantinel) */
	--zd-modra:#283d91;   /* modrá loga na světlé ploše */
	--zd-cervena:#ce2224; /* červená varianta loga */
	--zd-zaobleni:6px;
	--zd-pismo:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--zd-pismo-nadpis:"Barlow Condensed","IBM Plex Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--zd-stin:0 1px 2px rgba(38,49,63,.05),0 6px 16px rgba(38,49,63,.05);
	--zd-mezera-sekce:3rem;
}
*,*::before,*::after{box-sizing:border-box}  /* bez tohohle přetékalo cokoli se šířkou 100 % o svoje odsazení (hlášení #276) */
html{-webkit-text-size-adjust:100%}
body{background:var(--zd-pozadi);color:var(--zd-text);font-family:var(--zd-pismo);line-height:1.6;font-size:1.0625rem;font-weight:400}
strong,b{font-weight:600}
/* Nadpisy úžeji a výrazněji (Barlow Condensed) – návrh šablony 13. 9. 2026 */
h1,h2,h3,h4,.zd-hero__nazev,.zd-sekce__nadpis,.zd-partner__nazev{font-family:var(--zd-pismo-nadpis);font-weight:700;letter-spacing:.005em}
h1,.zd-hero__nazev{letter-spacing:-.01em}
a{color:var(--zd-akcent);text-decoration-thickness:1px;text-underline-offset:.15em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--zd-akcent);outline-offset:2px}
.zd-obal{max-width:52rem;margin-inline:auto;padding-inline:1.25rem}

/* Hlavička */
.zd-hlavicka{border-bottom:1px solid var(--zd-linka);background:var(--zd-plocha);box-shadow:0 1px 2px rgba(38,49,63,.04)}
.zd-hlavicka__radek{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.85rem}
.zd-hlavicka .wp-block-site-title{margin:0;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}
.zd-hlavicka .wp-block-site-title a{color:var(--zd-text);text-decoration:none}
.zd-nav{display:flex;gap:1.25rem;font-size:.9375rem}
.zd-nav a{color:var(--zd-text-tlum);text-decoration:none}
.zd-nav a:hover{color:var(--zd-akcent)}
.zd-nav a[aria-current]{color:var(--zd-text);font-weight:600}
@media (max-width:40rem){.zd-hlavicka__radek{flex-wrap:wrap}.zd-nav{width:100%;gap:1rem;font-size:.875rem;padding-bottom:.5rem}}

/* Obsah */
.zd-hlavni{padding-block:1rem 3rem}
.zd-stranka h1{font-size:2rem;letter-spacing:-.02em}
.zd-stranka .entry-content>*+*{margin-top:1rem}

/* Patička */
.zd-pata{border-top:1px solid var(--zd-linka);padding-block:1.5rem 2rem;margin-top:2rem;background:var(--zd-plocha)}

/* Lišta rozcestníku nad hlavičkou */
.zd-lista{background:var(--zd-tmava);color:#d5dbe3;font-size:.8125rem}
.zd-lista__radek{display:flex;align-items:center;gap:1.1rem;overflow-x:auto;white-space:nowrap;padding-block:.45rem;scrollbar-width:none}
.zd-lista__radek::-webkit-scrollbar{display:none}
.zd-lista a{color:inherit;text-decoration:none;padding:.15rem 0;border-bottom:2px solid transparent}
.zd-lista a:hover{color:#fff}
.zd-lista a[aria-current]{color:#fff;font-weight:600;border-bottom-color:var(--zd-akcent)}
.zd-lista__domu{display:inline-flex;align-items:center;padding:.1rem .85rem .1rem 0;margin-right:.15rem;border-right:1px solid rgba(255,255,255,.22);border-bottom:0!important;opacity:.9}
.zd-lista__domu img{display:block;height:24px;width:auto}
.zd-lista__domu:hover,.zd-lista__domu[aria-current]{opacity:1}

/* Značka v hlavičce: logo max 40 px vysoké (na mobilu 32), jinak text */
.zd-znacka{margin:0;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;line-height:1}
.zd-znacka a{color:var(--zd-text);text-decoration:none;display:inline-flex;align-items:center;gap:.65rem}
.zd-znacka__nazev{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;line-height:1.1}
.zd-znacka__logo{display:block;height:40px;width:auto;max-width:200px;object-fit:contain}
.zd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:40rem){.zd-znacka__logo{height:32px;max-width:120px}.zd-znacka__nazev{font-size:1rem}.zd-znacka a{gap:.5rem}}
.zd-lista__sluzby{margin-left:auto;display:inline-flex;gap:1.1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.22)}

/* --- Tmavý režim: podle nastavení prohlížeče, přepínač v hlavičce ho přebije ---
   Akcent provozovny se v tmavém rozsvítí, jinak by na tmavém pozadí zhasl. */
@media (prefers-color-scheme:dark){
	:root:not([data-zd-tema="svetlo"]){
		--zd-text:#e7ecf1;
		--zd-text-tlum:#9aa5b3;
		--zd-linka:#2b323c;
		--zd-plocha:#191e25;
		--zd-pozadi:#12161b;
		--zd-ok:#4ade80;
		--zd-akcent:color-mix(in oklab, var(--zd-akcent-zaklad) 62%, white);
		--zd-akcent-jemny:color-mix(in oklab, var(--zd-akcent-zaklad) 22%, #12161b);
		--zd-stin:0 1px 2px rgba(0,0,0,.4);
		color-scheme:dark;
	}
}
:root[data-zd-tema="tma"]{
	--zd-text:#e7ecf1;
	--zd-text-tlum:#9aa5b3;
	--zd-linka:#2b323c;
	--zd-plocha:#191e25;
	--zd-pozadi:#12161b;
	--zd-ok:#4ade80;
	--zd-akcent:color-mix(in oklab, var(--zd-akcent-zaklad) 62%, white);
	--zd-akcent-jemny:color-mix(in oklab, var(--zd-akcent-zaklad) 22%, #12161b);
	--zd-stin:0 1px 2px rgba(0,0,0,.4);
	color-scheme:dark;
}

/* Přepínač režimu */
.zd-hlavicka__vpravo{display:flex;align-items:center;gap:1rem}
.zd-tema{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;
	border:1px solid var(--zd-linka);border-radius:var(--zd-zaobleni);background:var(--zd-plocha);
	color:var(--zd-text-tlum);cursor:pointer;padding:0}
.zd-tema:hover{color:var(--zd-akcent);border-color:var(--zd-akcent)}

/* Hlavička stránky podle návrhu: stav → druh a název → claim → tlačítka */
.zd-hero__nazev{display:flex;flex-direction:column;line-height:.95;margin:0 0 .75rem}
.zd-hero__druh{font-family:var(--zd-pismo-nadpis);font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:700;
	color:var(--zd-text);letter-spacing:-.01em}
.zd-hero__jmeno{font-family:var(--zd-pismo-nadpis);font-size:clamp(2.25rem,7vw,4rem);font-weight:700;
	color:var(--zd-akcent);letter-spacing:-.02em}
.zd-hero .zd-stav{order:-1;margin:0 0 1rem;border:0;padding:0;font-weight:600}
.zd-hero .zd-stav--otevreno{color:var(--zd-ok)}
.zd-hero__claim{font-size:1.1875rem;font-weight:500;color:var(--zd-text);margin-bottom:1.5rem}

/* Dnešek v otevírací době: barva a štítek „dnes“ (pruh přes celou buňku vypadal rozbitě – hlášení #265) */
.zd-doba__tab tr.zd-dnes th,.zd-doba__tab tr.zd-dnes td{color:var(--zd-akcent);font-weight:600}
.zd-doba__tab tr.zd-dnes th::after{content:"dnes";margin-left:.45rem;font-size:.6875rem;font-weight:700;
	letter-spacing:.06em;text-transform:uppercase;color:var(--zd-akcent);background:var(--zd-akcent-jemny);
	border-radius:999px;padding:.1rem .45rem;vertical-align:.05em}

/* Tmavý motiv: naše loga jsou tmavě modrá na průhledném pozadí a na tmavé ploše zmizí
   (hlášení #270). Dostanou proto světlou podložku – jinak by je host neviděl. */
@media (prefers-color-scheme:dark){
	:root:not([data-zd-tema="svetlo"]) .zd-hero__logo,
	:root:not([data-zd-tema="svetlo"]) .zd-medailonek__logo img,
	:root:not([data-zd-tema="svetlo"]) .zd-partner__logo,
	:root:not([data-zd-tema="svetlo"]) .zd-partner__sit,
	:root:not([data-zd-tema="svetlo"]) .zd-znacka__logo{
		background:#fff;border-radius:8px;padding:.4rem .55rem;box-sizing:content-box}
}
:root[data-zd-tema="tma"] .zd-hero__logo,
:root[data-zd-tema="tma"] .zd-medailonek__logo img,
:root[data-zd-tema="tma"] .zd-partner__logo,
:root[data-zd-tema="tma"] .zd-partner__sit,
:root[data-zd-tema="tma"] .zd-znacka__logo{
	background:#fff;border-radius:8px;padding:.4rem .55rem;box-sizing:content-box}

/* Obrázky se nikdy nesmí roztáhnout přes obrazovku (hlášení #274) */
img{max-width:100%;height:auto}
html{overflow-x:clip}