:root{
  --papir:#eeece7;
  --bila:#f9f8f5;
  --inkoust:#151515;
  --na-zlute:#151515;
  --sede:#57564f;
  --linka:#d6d3ca;
  --zluta:#ffd84d;
  --zluta-tmava:#f0c419;
  --zelena:#3d7638;
  --broskev:#e2dfd7;
  --salvej:#dce5d4;
  --maslo:#efe7c8;
  --sklo:color-mix(in srgb,var(--bila) 55%,transparent);
  --sklo-hrana:inset 0 0 0 1px color-mix(in srgb,var(--linka) 70%,transparent);
  --stin:0 1px 2px rgba(0,0,0,.06),0 14px 30px -16px rgba(0,0,0,.28);
  --roh:6px;
  --nadpis:"Anybody","Arial Black",sans-serif;
  --text:"Golos Text",system-ui,sans-serif;
  color-scheme:light;
}
/* Noční režim – grafitová tma, akcent zůstává svítivý */
:root[data-tema="noc"]{
  --papir:#0f0f0f;
  --bila:#191919;
  --inkoust:#efede7;
  --sede:#a3a199;
  --linka:#2b2b29;
  --zelena:#9fcf8e;
  --broskev:#262624;
  --salvej:#1f2a1d;
  --maslo:#27241a;
  --sklo:color-mix(in srgb,var(--bila) 70%,transparent);
  --sklo-hrana:inset 0 0 0 1px rgba(255,255,255,.06);
  --stin:0 1px 2px rgba(0,0,0,.4),0 16px 34px -14px rgba(0,0,0,.8);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--papir);color:var(--inkoust);font:400 17px/1.6 var(--text);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--nadpis);font-weight:850;font-stretch:135%;line-height:1;margin:0;letter-spacing:-.01em}
h2{font-size:clamp(1.9rem,3.6vw,3rem);margin-bottom:.55em}
h3{font-size:1.3rem;font-stretch:120%}
p{margin:0 0 1em}

.obal{width:100%;max-width:1180px;margin-inline:auto;padding-inline:24px}
@media (max-width:600px){.obal{padding-inline:16px}}

/* Hlavička */
.hlava{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--papir) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--linka)}
.hlava__in{display:flex;align-items:center;gap:28px;height:64px}
.jmeno{display:inline-flex;align-items:center;gap:10px;font-family:var(--nadpis);font-weight:800;font-stretch:120%;font-size:1.1rem;line-height:1;text-decoration:none;white-space:nowrap}
.jmeno__znak{display:grid;place-items:center;width:34px;height:34px;border-radius:4px;background:var(--inkoust);color:var(--zluta);font-size:1.15rem;font-weight:900}
:root[data-tema="noc"] .jmeno__znak{background:var(--zluta);color:#151515}
.menu{display:flex;gap:22px;margin-left:auto}
.menu a{text-decoration:none;color:var(--inkoust);font-weight:600;font-size:.95rem}
.menu a:hover{text-decoration:underline;text-decoration-color:var(--zluta-tmava);text-decoration-thickness:3px;text-underline-offset:6px}
@media (max-width:760px){.menu{display:none}}

/* Tlačítka */
.tlacitko{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:4px;background:var(--zluta);color:var(--na-zlute);font-weight:700;text-decoration:none;border:2px solid var(--zluta);transition:background-color .15s,border-color .15s,transform .15s}
.tlacitko:active{transform:translateY(1px)}
.tlacitko:hover{background:var(--zluta-tmava);border-color:var(--zluta-tmava)}
.tlacitko--svetle{background:transparent;border-color:var(--inkoust);color:var(--inkoust)}
.tlacitko--svetle:hover{background:var(--inkoust);border-color:var(--inkoust);color:var(--papir)}
.tlacitko--male{min-height:38px;padding:0 14px;font-size:.95rem;white-space:nowrap}
a:focus-visible,.srovnani:focus-within{outline:3px solid var(--inkoust);outline-offset:3px}

/* Úvod */
.uvod{padding-top:96px;padding-bottom:96px;position:relative}
main{position:relative;z-index:0;overflow-x:clip}
.uvod h1{font-size:clamp(2.4rem,5.6vw,4.7rem);line-height:1.04;max-width:11ch;font-weight:900;font-stretch:150%}
.uvod__text{font-size:1.2rem;color:var(--sede);max-width:42ch;margin-top:26px}
.uvod__tlacitka{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.uvod:has(.uvod__3d:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:center}
.uvod__3d{margin:0}
.uvod__slova{position:relative;z-index:1}
.uvod__platno{position:relative;aspect-ratio:3/2;width:100%;cursor:grab}
.uvod__platno:active{cursor:grabbing}
/* plátno je o 30 % větší než rámeček na každou stranu (průhledné), aby se model při otáčení neusekl o kraj */
.uvod__platno canvas{position:absolute;left:-30%;top:-30%;width:160%!important;height:160%!important;display:block;outline:none;pointer-events:none}
.uvod__3d figcaption{font-size:.95rem;color:var(--sede);text-align:center;max-width:40ch;margin:4px auto 0}
.uvod__3d figcaption strong{color:var(--inkoust)}
@media (max-width:900px){.uvod:has(.uvod__3d:not([hidden])){grid-template-columns:1fr;gap:8px}.uvod__platno{margin-inline:-8px;width:calc(100% + 16px)}}
@media (max-width:600px){.uvod{padding-top:40px;padding-bottom:36px}.uvod__text{font-size:1.08rem}.uvod__tlacitka .tlacitko{flex:1 1 100%}}

/* Práce */
/* tmavá sekce: proměnné se uvnitř přepnou na tmu, takže všechno v ní (kolo, štítky, posuvníky) ztmavne samo */
.prace{--papir:#141414;--bila:#1d1d1d;--inkoust:#f1efe9;--sede:#a7a59e;--linka:#2e2e2b;--broskev:#2a2a27;--salvej:#1f2b1c;--maslo:#2a2618;--zelena:#a3d392;--sklo-hrana:inset 0 0 0 1px rgba(255,255,255,.07);--stin:0 2px 4px rgba(0,0,0,.4),0 24px 48px -20px rgba(0,0,0,.9);
  background:var(--papir);color:var(--inkoust);padding:96px 0 104px;color-scheme:dark}
:root[data-tema="noc"] .prace{--papir:#171717;--bila:#212121;border-block:1px solid #2a2a28}
@media (max-width:600px){.prace{padding:64px 0 72px}}
.prace__navod{color:var(--sede);max-width:60ch;margin-bottom:36px}
.dilo h3{margin-top:18px}
.dilo__misto{display:block;font-family:var(--text);font-weight:400;font-size:.95rem;color:var(--sede);margin-top:4px}
.dilo p{color:var(--sede)}
.stitek{display:inline-block;font-size:.85rem;font-weight:600;color:var(--sede)!important;margin:8px 0 10px}
.stitek--hotovo{color:var(--zelena)!important}
.stitek--hotovo::before{content:"✓ "}
.stitek--navrh{background:var(--broskev);border-radius:3px;padding:3px 10px}
.stitek--hotovo{background:var(--salvej);border-radius:3px;padding:3px 10px}
.navrhy-uvod{padding-top:24px}
.upozorneni{max-width:62ch;margin:0 0 44px;padding:16px 22px;background:var(--maslo);border-left:4px solid var(--zluta);border-radius:0 4px 4px 0;color:var(--sede)}
.upozorneni strong{color:var(--inkoust)}
.odkaz{font-weight:600;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--zluta-tmava)}
.odkaz:hover{text-decoration-color:var(--inkoust)}

.dilo--hlavni{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:36px;align-items:end;margin-bottom:72px}
.dilo--hlavni h3{margin-top:0;font-size:1.6rem}
@media (max-width:900px){.dilo--hlavni{grid-template-columns:1fr;gap:0}.dilo--hlavni h3{margin-top:18px;font-size:1.3rem}}

.mrizka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 40px}
@media (max-width:760px){.mrizka{grid-template-columns:1fr;gap:48px}}
/* Výloha návrhů (js/vyloha.js): vlevo seznam firem, vpravo velká ukázka vybraného webu */
.mrizka.vyloha{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:48px;align-items:start}
.vyloha__bok{position:sticky;top:96px}
.vyloha__seznam{display:grid;gap:2px}
.vyloha__polozka{display:flex;align-items:baseline;gap:14px;width:100%;padding:13px 16px 13px 14px;border:0;border-left:3px solid transparent;border-radius:0 4px 4px 0;background:none;color:var(--sede);font:inherit;text-align:left;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.vyloha__polozka:hover{background:color-mix(in srgb,var(--bila) 70%,transparent);color:var(--inkoust)}
.vyloha__polozka[aria-selected="true"]{background:var(--bila);border-left-color:var(--zluta);color:var(--inkoust)}
.vyloha__polozka:focus-visible{outline:3px solid var(--zluta);outline-offset:-3px}
.vyloha__cislo{flex:none;font-family:var(--nadpis);font-weight:900;font-stretch:130%;font-size:.95rem;color:color-mix(in srgb,var(--sede) 70%,transparent)}
.vyloha__polozka[aria-selected="true"] .vyloha__cislo{color:var(--zluta)}
.vyloha__nazev{font-weight:700;font-size:1rem;line-height:1.3}
.vyloha__nazev small{display:block;font-weight:400;font-size:.85rem;color:var(--sede)}
.vyloha__sipky{display:flex;align-items:center;gap:12px;margin-top:20px;padding-left:14px}
.vyloha__sipka{flex:none;width:48px;height:48px;border:0;border-radius:4px;background:var(--zluta);color:var(--na-zlute);display:grid;place-items:center;cursor:pointer;transition:background-color .15s,transform .15s}
.vyloha__sipka:hover{background:var(--zluta-tmava)}
.vyloha__sipka:active{transform:scale(.94)}
.vyloha__sipka:focus-visible{outline:3px solid var(--inkoust);outline-offset:2px}
.vyloha__sipka svg{width:22px;height:22px}
.vyloha__sipka--dal svg{transform:scaleX(-1)}
.vyloha__pocet{min-width:4.5ch;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.vyloha__scena .dilo.prichazi{animation:prichod .38s cubic-bezier(.2,.7,.2,1)}
@keyframes prichod{from{opacity:0;transform:translateX(var(--odkud,0))}}
@media (prefers-reduced-motion:reduce){.vyloha__scena .dilo.prichazi{animation:none}}
/* Mobil a tablet: seznam jako vodorovný pásek nad ukázkou, šipky pod ním */
@media (max-width:980px){
  .mrizka.vyloha{grid-template-columns:minmax(0,1fr);gap:20px}
  .vyloha__bok{position:static;min-width:0}
  .vyloha__seznam{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-16px;padding:0 16px 4px}
  .vyloha__seznam::-webkit-scrollbar{display:none}
  .vyloha__polozka{flex:none;width:auto;scroll-snap-align:center;border-left:0;border-bottom:3px solid transparent;border-radius:4px 4px 0 0;padding:10px 14px;gap:10px;background:color-mix(in srgb,var(--bila) 60%,transparent)}
  .vyloha__polozka[aria-selected="true"]{border-bottom-color:var(--zluta)}
  .vyloha__nazev{white-space:nowrap;font-size:.95rem}
  .vyloha__nazev small{display:none}
  .vyloha__sipky{justify-content:center;margin-top:14px;padding-left:0}
}

/* Posuvník před / po */
.srovnani{--pozice:50%;position:relative;aspect-ratio:1200/725;overflow:hidden;border-radius:var(--roh);border:1px solid var(--linka);background:var(--linka);box-shadow:var(--stin);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}
.srovnani img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none}
.srovnani .puvodni{clip-path:inset(0 calc(100% - var(--pozice)) 0 0)}
.srovnani__cara{position:absolute;top:0;bottom:0;left:var(--pozice);width:3px;margin-left:-1.5px;background:var(--zluta);box-shadow:0 0 0 1px rgba(0,0,0,.25);pointer-events:none}
.srovnani__uchyt{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:4px;background:var(--zluta);color:var(--na-zlute);border:2px solid #151515;box-shadow:0 4px 14px rgba(0,0,0,.3);display:grid;place-items:center}
.srovnani__uchyt svg{width:22px;height:22px}
.srovnani__popis{position:absolute;top:10px;padding:4px 10px;border-radius:3px;background:rgba(20,20,20,.82);color:#f4f2ec;font-size:.8rem;font-weight:600;pointer-events:none}
/* Popisky jsou ve vrstvě svého webu: když přes ně přejede čára, schovají se s ním */
.srovnani__vrstva{position:absolute;inset:0;pointer-events:none}
.srovnani__vrstva--pred{clip-path:inset(0 calc(100% - var(--pozice)) 0 0)}
.srovnani__vrstva--po{clip-path:inset(0 0 0 var(--pozice))}
.srovnani__popis--pred{left:10px}
.srovnani__popis--po{right:10px;background:var(--zluta);color:var(--na-zlute)}
.srovnani[data-navrh] .srovnani__popis--po{background:var(--broskev);color:var(--inkoust)}
.srovnani input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;pointer-events:none}
/* Přepínač Počítač / Telefon */
.zarizeni{display:inline-flex;gap:4px;padding:4px;margin-bottom:12px;border-radius:var(--roh);background:color-mix(in srgb,var(--bila) 65%,transparent);box-shadow:var(--sklo-hrana),var(--stin)}
.zarizeni button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:4px;padding:8px 16px;min-height:40px;background:none;color:var(--sede);font:600 .9rem/1 var(--text);cursor:pointer;transition:background .2s,color .2s}
.zarizeni button svg{width:18px;height:18px}
.zarizeni button:hover{color:var(--inkoust)}
.zarizeni button[aria-pressed="true"]{background:var(--zluta);color:var(--na-zlute)}
.zarizeni button:focus-visible{outline:3px solid var(--inkoust);outline-offset:2px}
.ukazka[data-zarizeni="mobil"] .srovnani,.ukazka[data-zarizeni="pc"] .telefony{display:none}
.telefony{display:grid;grid-template-columns:repeat(2,minmax(0,250px));justify-content:center;gap:clamp(14px,4vw,40px)}
.telefon{margin:0;text-align:center}
.telefon figcaption{display:inline-block;margin-bottom:10px;padding:4px 10px;border-radius:3px;background:rgba(20,20,20,.82);color:#f4f2ec;font-size:.8rem;font-weight:600}
.telefon--new figcaption{background:var(--zluta);color:var(--na-zlute)}
.telefony[data-navrh] .telefon--new figcaption{background:var(--broskev);color:var(--inkoust)}
.telefon__ram{display:block;padding:7px;border-radius:30px;background:#0b0b0b;box-shadow:var(--stin),inset 0 0 0 1px rgba(255,255,255,.14)}
.telefon__ram img{display:block;width:100%;height:auto;aspect-ratio:600/1100;object-fit:cover;object-position:top;border-radius:23px;background:var(--linka)}
@media (max-width:600px){.telefon__ram{padding:5px;border-radius:22px}.telefon__ram img{border-radius:17px}}

/* O mně */
.omne{padding-top:104px;padding-bottom:88px;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:48px;align-items:start}
.omne__foto{width:100%;height:auto;border-radius:var(--roh);box-shadow:var(--stin)}
.omne__text{grid-column:2;max-width:60ch}
.omne__text p{font-size:1.1rem}
.umim{list-style:none;margin:8px 0 24px;padding:0;display:grid;gap:12px}
.umim li{padding:16px 20px;border-radius:0 var(--roh) var(--roh) 0;background:var(--bila);border-left:4px solid var(--inkoust);box-shadow:var(--sklo-hrana);color:var(--sede)}
.umim strong{color:var(--inkoust)}
.technologie{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.technologie li{padding:6px 12px;border-radius:3px;background:var(--inkoust);color:var(--papir);font-size:.92rem;font-weight:600}
/* Osvědčení o rekvalifikaci */
.osvedceni{margin-top:32px;padding:20px;display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;align-items:center;background:var(--bila);border-top:4px solid var(--zluta);border-radius:0 0 var(--roh) var(--roh);box-shadow:var(--sklo-hrana)}
.osvedceni__nahled{display:block;line-height:0;border-radius:3px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.28);transition:transform .25s ease}
.osvedceni__nahled:hover{transform:translateY(-3px)}
.osvedceni__nahled img{width:100%;height:auto}
.osvedceni h3{margin-bottom:8px;font-size:1.15rem;line-height:1.2}
.osvedceni p{margin:0 0 6px;font-size:1rem;color:var(--sede)}
.osvedceni .osvedceni__obory{font-size:.92rem}
.osvedceni__odkaz{display:inline-block;margin-top:8px;font-weight:700;color:var(--inkoust);text-decoration:underline;text-decoration-color:var(--zluta);text-decoration-thickness:3px;text-underline-offset:4px}
.osvedceni__nahled:focus-visible,.osvedceni__odkaz:focus-visible{outline:3px solid var(--zluta);outline-offset:3px}
@media (max-width:480px){.osvedceni{grid-template-columns:88px minmax(0,1fr);gap:16px;padding:16px}.osvedceni h3{font-size:1rem}}
.zvetseni{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:56px 16px 16px;border:0;background:transparent;display:none;place-items:center;overflow:auto}
.zvetseni[open]{display:grid;animation:zvetseni .25s ease}
.zvetseni::backdrop{background:rgba(10,10,10,.88)}
.zvetseni img{width:auto;max-width:min(100%,900px);height:auto;max-height:calc(100dvh - 72px);border-radius:3px;box-shadow:0 20px 60px rgba(0,0,0,.6);cursor:zoom-out}
.zvetseni__zavrit{position:fixed;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--roh);background:var(--zluta);color:#151515;cursor:pointer}
.zvetseni__zavrit svg{width:22px;height:22px}
.zvetseni__zavrit:focus-visible{outline:3px solid #fff;outline-offset:3px}
.bez-posunu{overflow:hidden}
@keyframes zvetseni{from{opacity:0;transform:scale(.97)}}
@media (prefers-reduced-motion:reduce){.osvedceni__nahled{transition:none}.osvedceni__nahled:hover{transform:none}.zvetseni[open]{animation:none}}
.omne:not(:has(.omne__foto)){grid-template-columns:1fr}
.omne:not(:has(.omne__foto)) .omne__text{grid-column:1}
@media (max-width:760px){.omne{grid-template-columns:1fr;gap:24px;padding-top:56px}.omne__text{grid-column:1}.omne__foto{max-width:340px}}

/* Jak to probíhá */
.postup{padding:8px 0 104px}
.kroky{margin:0;padding:0;list-style:none;counter-reset:krok;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.kroky li{counter-increment:krok;border-top:4px solid var(--zluta);padding:20px 4px 0;color:var(--sede)}
:root:not([data-tema="noc"]) .kroky li::before{color:var(--inkoust)!important}
.kroky li::before{content:"0" counter(krok);display:block;font-family:var(--nadpis);font-weight:900;font-size:3.4rem;line-height:.9;color:var(--zluta);margin-bottom:14px}
.kroky strong{display:block;color:var(--inkoust);font-size:1.1rem;margin-bottom:4px}
@media (max-width:760px){.kroky{grid-template-columns:1fr;gap:24px}}

/* Kontakt */
/* žlutý blok jako výstražná cedule: uvnitř vždy tmavý text, i v noci */
.kontakt{--inkoust:#151515;--sede:#3d3622;--linka:rgba(21,21,21,.2);--bila:#fffdf7;--zelena:#2d5e29;padding:64px 56px;margin-bottom:64px;background:var(--zluta);color:var(--inkoust);border-radius:var(--roh);color-scheme:light}
@media (max-width:600px){.kontakt{padding:40px 22px;width:calc(100% - 32px)}}
.kontakt p{color:var(--sede);max-width:50ch}
.kontakt h2{font-size:clamp(2.4rem,5.4vw,4.2rem)}
.kontakt__tel{display:inline-block;font-family:var(--nadpis);font-weight:650;font-size:clamp(2rem,4.3vw,3.3rem);font-weight:900;font-stretch:115%;line-height:1;text-decoration:underline;text-decoration-color:var(--inkoust);text-decoration-thickness:4px;text-underline-offset:.16em;padding-bottom:.18em;margin:8px 0 6px}
.kontakt__mail{display:block;font-size:1.25rem;font-weight:500;text-underline-offset:4px;overflow-wrap:anywhere}
.kontakt__firma{margin-top:28px;font-size:.95rem}
@media (min-width:900px){.kontakt{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}}

/* Dotazník */
.dotaznik{display:grid;gap:16px;margin-top:40px;padding:28px;border-radius:var(--roh);background:var(--bila);box-shadow:0 18px 40px -22px rgba(0,0,0,.45)}
@media (min-width:900px){.dotaznik{margin-top:0}}
@media (max-width:600px){.dotaznik{padding:22px 16px;margin-inline:-6px}}
.dotaznik h3{margin:0 0 4px;font-family:var(--nadpis);font-weight:800;font-size:1.5rem;line-height:1.1}
.dotaznik__volby{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}
.dotaznik__volby legend{padding:0;margin-bottom:10px;font-weight:600}
.dotaznik__volby label{position:relative;cursor:pointer}
.dotaznik__volby input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.dotaznik__volby span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:4px;border:1.5px solid var(--linka);background:var(--bila);font-size:.95rem;font-weight:500;transition:background-color .15s,border-color .15s}
.dotaznik__volby label:hover span{border-color:var(--zluta-tmava)}
.dotaznik__volby input:checked+span{background:#151515;border-color:#151515;color:#fff}
.dotaznik__volby input:focus-visible+span{outline:3px solid var(--inkoust);outline-offset:2px}
.dotaznik__radek{display:grid;gap:16px}
@media (min-width:600px){.dotaznik__radek{grid-template-columns:1fr 1fr}}
.pole{display:grid;gap:6px;font-weight:600;font-size:.95rem}
.pole small{font-weight:400;color:var(--sede)}
.pole input,.pole textarea{width:100%;box-sizing:border-box;font:inherit;font-weight:400;font-size:1rem;color:var(--inkoust);padding:12px 16px;min-height:48px;border-radius:4px;border:1.5px solid var(--linka);background:#fff;transition:border-color .15s,box-shadow .15s}
.pole textarea{resize:vertical;min-height:110px;line-height:1.5}
.pole input::placeholder{color:var(--sede);opacity:.7}
.pole input:focus,.pole textarea:focus{outline:none;border-color:#151515;box-shadow:0 0 0 3px var(--zluta)}
.pole input[aria-invalid="true"]{border-color:#c0563f}
.dotaznik__past{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.dotaznik .tlacitko{justify-self:start;font:inherit;font-weight:700;cursor:pointer;background:#151515;border-color:#151515;color:#fff}
.dotaznik .tlacitko:hover{background:#333;border-color:#333}
.dotaznik .tlacitko:disabled{opacity:.6;cursor:wait}
.dotaznik__stav{margin:0;min-height:1.5em;font-weight:500}
.dotaznik__stav[data-stav="ok"]{color:var(--zelena)}
.dotaznik__stav[data-stav="chyba"]{color:#c0563f}
.dotaznik--odeslano{text-align:center;justify-items:center;padding-block:48px}
.dotaznik--odeslano h3{font-size:1.7rem}
.dotaznik--odeslano p{margin:0;color:var(--sede)}

.pata{padding-top:8px;padding-bottom:40px;color:var(--sede);font-size:.9rem}
.pata p{margin:0}

/* Pozadí: jemná struktura betonu (šum), bez pohybu */
.pozadi{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .3 0 0 0 0 .3 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
:root[data-tema="noc"] .pozadi{mix-blend-mode:screen;opacity:.2}

/* Den / noc (hlavička) */
.skryte{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.motiv{display:flex;align-items:center}
.motiv button{font:inherit;color:var(--inkoust);cursor:pointer}
.motiv button:focus-visible{outline:3px solid var(--zluta);outline-offset:3px}
.motiv__noc{position:relative;flex:none;width:58px;height:32px;padding:0;border-radius:999px;border:1px solid var(--linka);background:var(--linka)}
.motiv__knoflik{position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background:var(--bila);box-shadow:0 1px 4px rgba(0,0,0,.3);display:grid;place-items:center;transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.motiv__knoflik svg{width:16px;height:16px}
.motiv__noc[aria-checked="true"] .motiv__knoflik{transform:translateX(26px)}
.motiv__mesic,.motiv__noc[aria-checked="true"] .motiv__slunce{display:none}
.motiv__noc[aria-checked="true"] .motiv__mesic{display:block}
@media (max-width:760px){.hlava__in{gap:10px}.jmeno{font-size:.92rem;font-stretch:100%;gap:8px;min-width:0}.jmeno__znak{width:30px;height:30px;font-size:1rem}.motiv{margin-left:auto}}
.jmeno__znak{flex:none}
/* na úzkém mobilu se jméno nevejde vedle přepínače a telefonu → zůstane jen značka LZ */
@media (max-width:420px){.jmeno__text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.jmeno__znak{width:36px;height:36px;font-size:1.1rem}}

/* Plynulé přebarvení jen na okamžik přepnutí (ne při tažení posuvníkem) */
.prechod body,.prechod body *{transition:background-color .45s,color .45s,border-color .45s,box-shadow .45s!important}