/* eGovSoft – vlastní styly (náhrada Kadence). Paleta a typografie podle původního webu. */
:root{
  --modra:#1e3a8a; --modra-tmava:#1a2563; --modra-2:#3d5eab; --tyrkys:#14b8a6; --tyrkys-2:#00c6a7; --tyrkys-tmava:#0ea296;
  --tmava:#0f172a; --text:#4a5568; --text-slaby:#718096; --svetla:#f4f9ff; --svetla-2:#f8faff; --svetla-modra:#e7edfc;
  --ramecek:#dde5f5; --ramecek-2:#e8edf5; --zelena-pozadi:#f0fdf9; --zelena-ramecek:#c6f0e4; --bila:#fff;
  --pismo:Inter,system-ui,sans-serif; --sirka:1240px; --okraj:40px; --radius:18px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--pismo);font-size:19px;line-height:1.6;color:#393841;background:var(--bila);overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--modra)}
h1,h2,h3,h4,h5,h6{font-family:var(--pismo);color:var(--modra-tmava);margin:0 0 .6em;line-height:1.25}
h1{font-size:41.8px;font-weight:800;line-height:1.05}
h2{font-size:28px;font-weight:700;line-height:1.1}
h3{font-size:24px;font-weight:600}
p{margin:0 0 1em}
.kontejner{max-width:var(--sirka);margin:0 auto;padding-left:var(--okraj);padding-right:var(--okraj)}
.eyebrow{color:var(--tyrkys);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px}
.perex{font-size:19px;max-width:1000px}
.sekce--stred .perex{margin-left:auto;margin-right:auto}

/* oznámení + hlavička */
.oznameni{background:var(--modra);color:#fff;text-align:center;font-size:14px;padding:9px 20px}
.oznameni b{color:#fff;font-weight:700}
.oznameni a{color:var(--tyrkys);font-weight:600;text-decoration:underline}
.hlavicka{position:relative;z-index:100;background:transparent}
.ma-hero .hlavicka{position:absolute;left:0;right:0}
.hlavicka__radek{display:flex;align-items:center;justify-content:space-between;min-height:80px;max-width:1290px;padding:10px 15px}
@media (max-width:1024px){.hlavicka__radek{padding:10px var(--okraj)}}
.logo img{display:block;max-width:190px;width:190px;height:auto}
.menu ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;align-items:center}
.menu li{position:relative}
.menu a,.menu__rozbal>button{display:inline-flex;align-items:center;gap:6px;padding:.15em .6em;font:inherit;font-size:19px;color:var(--modra-tmava);text-decoration:none;background:none;border:0;cursor:pointer;border-radius:0;line-height:1.5}
.menu>ul>li>a:hover,.menu__rozbal>button:hover,.menu>ul>li.aktivni>a,.menu__rozbal.aktivni-rodic>button{color:var(--modra-tmava);text-decoration:underline;text-decoration-color:var(--tyrkys);text-decoration-thickness:2px;text-underline-offset:7px}

.menu__rozbal ul{position:absolute;top:100%;left:0;flex-direction:column;align-items:stretch;gap:0;min-width:200px;background:#fff;border-radius:12px;box-shadow:0 2px 80px rgba(0,0,0,.1);padding:6px 0;display:none;overflow:hidden}
.menu__rozbal.otevrene ul,.menu__rozbal:hover ul{display:flex}
.menu__rozbal ul a{display:block;width:200px;padding:.6em 1em;font-size:18px;text-decoration:none}
.menu__rozbal ul a:hover,.menu__rozbal ul li.aktivni>a{background:var(--svetla);color:var(--modra-tmava);text-decoration:none}
.menu-prepinac{display:none;background:none;border:0;padding:8px;cursor:pointer}
.menu-prepinac span{display:block;width:24px;height:2px;background:var(--modra-tmava);margin:5px 0;transition:.2s}
@media (max-width:1024px){
  .menu-prepinac{display:block}
  .menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--ramecek);box-shadow:0 20px 40px rgba(26,37,99,.12);padding:12px var(--okraj) 20px}
  .menu.otevrene{display:block}
  .menu ul{flex-direction:column;align-items:stretch;gap:0}
  .menu__rozbal ul{position:static;display:flex;box-shadow:none;border:0;padding-left:16px}
  .menu a,.menu__rozbal>button{width:100%;text-align:left;padding:10px 6px;font-size:17px}
}

/* hero */
.hero{position:relative;overflow:hidden;padding:150px 0 120px}
.hero--gradient{background:var(--svetla)}
.hero--gradient::before{content:"";position:absolute;inset:0;background:url("../img/hero-pozadi.3a62b6b66c4a.png") 46% 59%/cover no-repeat;opacity:.5;pointer-events:none}
.hero--svetla{background:var(--svetla)}
.hero--bila{background:#fff}
.hero__radek{position:relative;display:grid;gap:0;align-items:center}
.hero--dva .hero__radek{grid-template-columns:minmax(0,60%) minmax(0,40%)}
.hero--dva .hero__text{padding-right:40px}
.hero--stred .hero__text{text-align:center;margin:0 auto}
.hero--stred .tlacitka{justify-content:center}
.hero h1{font-size:41.8px;line-height:1;margin-bottom:25px}
.hero__perex{font-size:19px;margin-right:20px}
.hero__perex p{margin-bottom:20px}
.hero .odrazky{margin:8px 0 24px}
.hero__bocni{display:flex;flex-direction:column;align-items:flex-end}
.hero__bocni>.ukazka>div{max-width:none!important;margin-left:auto}
.stitky{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 16px}
.stitky li{border:1px solid var(--modra-2);color:var(--modra);border-radius:999px;padding:3px 12px;font-size:12px;font-weight:600;background:rgba(255,255,255,.6)}
.vlna{position:absolute;left:0;right:0;height:120px;line-height:0;pointer-events:none}
.vlna--dole{bottom:-1px}.vlna--nahore{top:-1px;transform:scaleY(-1)}
.vlna svg{width:100%;height:100%;fill:#fff;display:block}
.hero .vlna--dole svg{width:163%;margin-left:-31.5%}
.hero .vlna--dole{height:174px}
@media (max-width:1024px){.hero--dva .hero__radek{grid-template-columns:1fr}.hero__bocni{align-items:flex-start}}
@media (max-width:767px){.hero{padding:110px 0 110px}.hero h1{font-size:38px}}
.ma-hero .oznameni + .hlavicka{top:auto}

/* sekce */
.sekce{position:relative;padding:70px 0 50px}
.sekce--svetla{background:var(--svetla-2)}
.sekce--svetla-vlny{background:var(--svetla);padding:100px 0 90px;margin:20px 0}
.sekce--svetla-vlny .vlna--nahore{height:75px}
.sekce--svetla-vlny .vlna--dole{height:88px}
.sekce--svetla-vlny .vlna--nahore svg,.sekce--svetla-vlny .vlna--dole svg{fill:#fff}
.sekce--uzka .kontejner{max-width:960px}
.sekce__hlava{margin-bottom:36px}
.sekce--stred .sekce__hlava{text-align:center}
.sekce__hlava h2{margin-bottom:20px}
.sekce--stred h2{font-size:28px}
.sekce--vlevo .sekce__hlava .perex{max-width:none}
.text ul,.text ol{padding-left:1.3em}
.text h2{margin-top:1.4em}
.text h3{margin-top:1.2em;font-size:19px}
.nadpis-blok h2{margin-bottom:16px}

/* odrážky */
.odrazky{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.odrazky--2{grid-template-columns:1fr 1fr;gap:12px 32px}
.odrazky li{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.odrazky__ikona{flex:0 0 22px;width:22px;height:22px;color:var(--tyrkys);margin-top:5px}
.odrazky--svetle li,.odrazky--svetle .odrazky__ikona{color:#fff}
.odrazky--svetle .odrazky__ikona{color:var(--tyrkys-2)}
.odrazky p{margin:0}
@media (max-width:767px){.odrazky--2{grid-template-columns:1fr}}

/* tlačítka */
.tlacitka{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 10px}
.tlacitka--stred{justify-content:center}
.tlacitko{display:inline-block;padding:15px 30px;border-radius:50px;font-weight:500;font-size:18px;font-family:Jost,var(--pismo);text-decoration:none;border:0;background:var(--modra);color:#fff;cursor:pointer;line-height:1.6;transition:.15s}
.tlacitko:hover{background:var(--modra-tmava)}
.tlacitko--obrys{background:transparent;color:var(--modra);border:2px solid var(--modra);padding:13px 28px}
.tlacitko--obrys:hover{background:var(--modra);color:#fff}
.tlacitko--tyrkys{background:var(--tyrkys);border-radius:8px}
.tlacitko--tyrkys:hover{background:#0b8a80}
.tlacitko--odkaz{background:none;border:0;padding:0;color:var(--modra);font-weight:600}
.tlacitko--odkaz:hover{background:none;text-decoration:underline}

/* karty */
.karty{display:grid;gap:28px;margin:8px 0 16px}
.karty--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.karty--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.karty--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.karta{background:#fff;border:2px solid var(--svetla-modra);border-radius:15px;padding:24px 22px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 16px 0 var(--svetla-modra)}
.karta__ikona{width:48px;height:48px;border-radius:12px;background:#e0f7f1;color:var(--tyrkys);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.karta__ikona svg{width:26px;height:26px}
.karta__stitek{margin:0;font-size:13px;font-weight:600;color:var(--tyrkys-tmava)}
.karta__nadpis{font-size:18px;font-weight:600;margin:0 0 2px;color:var(--modra-tmava);line-height:1.3}
.karta__text{font-size:16px;line-height:1.6;color:#555}
.karta__text p{margin:0}
.karta__text p{margin:0}
.karta__odrazky{margin:4px 0 0;padding:0;list-style:none;font-size:16px;display:grid;gap:6px}
.karta__odrazky li{position:relative;padding-left:16px}
.karta__odrazky li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--tyrkys)}
.karta__odkaz{margin-top:auto;padding-top:12px;font-size:17px;font-weight:500;font-family:Jost,var(--pismo);text-decoration:none;color:var(--modra)}
.karta__odkaz:hover{text-decoration:underline}
.karta__vysledek{margin:8px 0 0;display:flex;gap:8px;align-items:flex-start;background:var(--zelena-pozadi);border:1px solid var(--zelena-ramecek);border-radius:10px;padding:10px 12px;font-size:15px;color:#1f5f4c}
.karta__vysledek svg{flex:0 0 16px;width:16px;height:16px;color:var(--tyrkys-tmava);margin-top:3px}
.karty--scenar .karta__stitek{display:inline-block;background:var(--svetla-modra);color:var(--modra);padding:4px 10px;border-radius:10px;font-size:14px;letter-spacing:.5px;text-transform:uppercase;align-self:flex-start;border:2px solid var(--svetla)}
.karty--modul .karta__nadpis{font-size:19px;color:var(--modra);margin-bottom:6px}
.karty--modul .karta__text{font-size:16px;color:#393841}
.karty--modul .karta__odrazky{font-size:16px;gap:8px;margin-top:8px}
.karty--modul .karta__odrazky li{padding-left:22px}
.karty--modul .karta__odrazky li::before{top:9px;width:8px;height:8px}
.karty--krok .karta{padding:20px 20px 24px}
@media (max-width:1024px){.karty--3,.karty--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.karty--2,.karty--3,.karty--4{grid-template-columns:1fr}}

/* kroky */
.kroky{display:flex;align-items:flex-start;justify-content:center;gap:12px;margin:16px 0 24px;flex-wrap:wrap}
.kroky--sipky .krok{background:#fff;border:1px solid var(--ramecek);border-radius:14px;padding:18px 16px 14px;text-align:center;min-width:120px;flex:1 1 0}
.kroky--sipky .krok__znak{width:40px;height:40px;margin:0 auto 10px;color:var(--modra)}
.kroky--sipky .krok__znak svg{width:36px;height:36px}
.kroky--sipky .krok__nadpis{margin:0;font-weight:700;font-size:14px;color:var(--modra-tmava)}
.krok__sipka{align-self:center;color:var(--tyrkys);width:22px;flex:0 0 22px}
.krok__nadpis{margin:0 0 4px;font-weight:700;font-size:16px;color:var(--modra-tmava)}
.krok__podtitulek{margin:0 0 4px;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--modra);font-weight:600}
.krok__text{margin:0;font-size:15px;line-height:1.45}
@media (max-width:767px){
  .kroky{flex-direction:column;align-items:stretch}
  .krok__sipka{transform:rotate(90deg);align-self:center}
}

/* záložky */
.taby{margin:16px 0}
.taby__titulky{display:flex;gap:4px;flex-wrap:wrap}
.taby__titulek{font:inherit;font-weight:600;font-size:15px;padding:12px 20px;border:1px solid var(--ramecek);border-bottom:0;border-radius:10px 10px 0 0;background:var(--svetla-2);color:var(--modra-tmava);cursor:pointer}
.taby__titulek.aktivni{background:#fff;color:var(--tyrkys-tmava);position:relative;top:1px}
.taby__panel{display:none;border:1px solid var(--ramecek);border-radius:0 14px 14px 14px;background:#fff;padding:28px 24px;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.taby__panel.aktivni{display:grid}
.taby__panel h3{font-size:22px;margin-bottom:12px}
.taby__text .text{font-size:17px}
.taby__text .odrazky li{font-size:16px}
@media (max-width:1024px){.taby__panel{grid-template-columns:1fr}}

/* vlastnosti (tabulka) */
.vlastnosti{margin:24px 0}
.vlastnosti__radek{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:24px;padding:18px 0;border-bottom:1px solid var(--ramecek)}
.vlastnosti dt{font-size:16px;position:relative;padding-left:14px;color:var(--text)}
.vlastnosti dt::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--tyrkys)}
.vlastnosti dd{margin:0;font-size:16px;line-height:1.6}
.vlastnosti dd p{margin:0}
@media (max-width:767px){.vlastnosti__radek{grid-template-columns:1fr;gap:6px}}

/* akordeon */
.akordeon{display:grid;gap:12px;margin:8px 0 16px}
.akordeon__polozka{border:1px solid var(--ramecek);border-radius:12px;background:#fff}
.akordeon__polozka summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-weight:600;color:var(--modra-tmava);font-size:17px}
.akordeon__polozka summary::-webkit-details-marker{display:none}
.akordeon__plus{position:relative;width:16px;height:16px;flex:0 0 16px}
.akordeon__plus::before,.akordeon__plus::after{content:"";position:absolute;background:var(--modra-tmava);left:0;top:7px;width:16px;height:2px}
.akordeon__plus::after{transform:rotate(90deg)}
.akordeon__polozka[open] .akordeon__plus::after{display:none}
.akordeon__obsah{padding:0 22px 20px;font-size:17px;line-height:1.6}
.akordeon__obsah p:last-child{margin-bottom:0}

/* statistiky */
.statistiky{display:grid;grid-template-columns:repeat(4,1fr);margin:0}
.statistika{text-align:center;padding:12px 16px;border-left:1px solid var(--ramecek)}
.statistika:first-child{border-left:0}
.statistika__hodnota{margin:0 0 6px;font-size:30px;font-weight:700;color:var(--tyrkys-tmava)}
.statistika__popis{margin:0;font-size:14px}
@media (max-width:767px){.statistiky{grid-template-columns:1fr 1fr}.statistika{border:0}}

/* chipy */
.chipy{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 12px}
.chip{display:inline-block;padding:8px 16px;border-radius:999px;border:1px solid var(--modra);color:var(--modra);font-size:13px;font-weight:600;text-decoration:none;background:#fff}
.chip:hover{background:var(--svetla-modra)}
.chip--aktivni{background:var(--modra);color:#fff}

/* mřížka ikon */
.ikony-mrizka{list-style:none;margin:0;padding:0;display:grid;gap:0 36px}
.ikony-mrizka--2{grid-template-columns:1fr 1fr}
.ikony-mrizka--3{grid-template-columns:repeat(3,1fr)}
.ikony-mrizka li{display:flex;align-items:center;gap:14px;border-bottom:1px solid #dbe3f3;padding:16px 0;font-size:16px;font-weight:600;color:var(--modra-tmava)}
.ikony-mrizka li:nth-last-child(-n+2){border-bottom:0}
.ikony-mrizka__ikona{flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:#e0f7f1;color:var(--tyrkys);display:flex;align-items:center;justify-content:center}
.ikony-mrizka__ikona svg{width:22px;height:22px}
@media (max-width:767px){.ikony-mrizka--2,.ikony-mrizka--3{grid-template-columns:1fr}}

/* údaje, mapa, sloupce */
.udaje{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0}
.udaje dt{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-slaby);margin-bottom:4px}
.udaje dd{margin:0;font-weight:600;color:var(--modra-tmava);font-size:17px}
@media (max-width:767px){.udaje{grid-template-columns:1fr 1fr}}
.mapa iframe{border-radius:14px;display:block}
.mapa__odkaz{display:inline-block;margin-top:12px;font-weight:600}
.sloupce{display:grid;gap:60px;margin:0 0 16px}
.sloupce--1-1{grid-template-columns:1fr 1fr}
.sloupce--3-2{grid-template-columns:3fr 2fr}
.sloupce--2-3{grid-template-columns:2fr 3fr}
.sloupce--stred{align-items:center}
.sloupec>.nadpis-blok h2{font-size:24px}
@media (max-width:1024px){.sloupce--1-1,.sloupce--3-2,.sloupce--2-3{grid-template-columns:1fr}}
.obrazek{margin:0}
.obrazek img{border-radius:14px}

/* CTA s formulářem */
.cta-sekce{padding:40px 0 60px}
.cta{background:var(--modra-tmava);color:#fff;border-radius:26px;padding:70px 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.cta h2{color:#fff;font-size:28px;margin-bottom:24px}
.cta__perex{font-size:18px;color:#dfe6f7;margin-bottom:16px}
.cta .odrazky li{color:#fff;font-size:17px}
.formular{display:grid;gap:14px}
.formular label{display:block;font-size:14.4px;color:#c5d1f0}
.formular .povinne{color:var(--tyrkys-2);margin-left:2px}
.formular input[type=text],.formular input[type=email],.formular textarea{display:block;width:100%;margin-top:4px;background:#2c3f85;border:1px solid #4a5fa8;border-radius:6px;color:#fff;padding:9px 10px;font:inherit;font-size:16px}
.formular input:focus,.formular textarea:focus{outline:2px solid var(--tyrkys);outline-offset:1px}
.formular__radek--2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.formular__souhlas{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.4}
.formular__souhlas input{margin-top:2px}
.formular__past{position:absolute;left:-9999px}
.formular button{justify-self:start}
.formular__chyby{margin:0;padding-left:18px;color:#ffb4b4;font-size:13px}
.formular__uspech{background:rgba(20,184,166,.15);border:1px solid var(--tyrkys);border-radius:10px;padding:16px;font-weight:600}
@media (max-width:1024px){.cta{grid-template-columns:1fr;padding:40px 28px;gap:32px}}
@media (max-width:767px){.formular__radek--2{grid-template-columns:1fr}}

/* patička */
.paticka{background:var(--tmava);color:#c8d2df;padding:36px 0;font-size:16px}
.paticka__radek{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.paticka p{margin:0}
.paticka__menu ul{list-style:none;margin:0;padding:0;display:flex;gap:28px}
.paticka a{color:#e2e8f0;text-decoration:none}
.paticka a:hover{color:var(--tyrkys)}
.paticka__social{display:inline-flex;align-items:center;gap:6px}
@media (max-width:767px){.paticka__radek{flex-direction:column;align-items:flex-start;gap:12px}.paticka__menu ul{flex-direction:column;gap:8px}}

/* obecné */
.ukazka{width:100%}
@media (max-width:767px){:root{--okraj:16px}body{font-size:17px}h2{font-size:26px}.sekce{padding:44px 0 36px}}
.krok--odkaz{text-decoration:none;color:inherit}
.krok--odkaz:hover .krok__nadpis{color:var(--tyrkys-tmava)}
/* mobil: zvlněné okraje sekcí vypnout (překrývaly obsah), hero vlnu zmenšit */
@media (max-width:767px){
  .sekce--svetla-vlny{padding:48px 0 40px;margin:0}
  .sekce--svetla-vlny .vlna{display:none}
  .hero .vlna--dole{height:50px}
}

@media (max-width:767px){.ikony-mrizka li:nth-last-child(-n+2){border-bottom:1px solid #dbe3f3}.ikony-mrizka li:last-child{border-bottom:0}}

/* kroky na lince: původní značkování ga-steps (CSS v ukazky.css), jen šířka linky podle počtu kroků a mobil */
.kroky.ga-steps{margin:16px 0 8px}
.kroky .ga-steps-inner{--pocet:5}
.kroky .ga-steps-inner::before{left:calc(100% / (var(--pocet) * 2) + 20px);right:calc(100% / (var(--pocet) * 2) + 20px)}
.kroky .ga-step-circle{font-size:16px;font-weight:700;color:var(--modra-tmava);margin-bottom:20px}
.kroky .ga-step-circle svg{width:28px;height:28px;color:var(--modra-tmava)}
.kroky .ga-step-name{font-size:16px;font-weight:700;color:var(--modra-tmava);margin-bottom:6px;line-height:1.3}
.kroky .ga-step-text{font-size:14px;color:var(--text);line-height:1.5}
@media (max-width:768px){.kroky .ga-steps-inner{flex-direction:column;align-items:flex-start;padding:0}.kroky .ga-steps-inner::before{top:30px;left:29px;right:auto;width:2px;height:calc(100% - 60px);background:linear-gradient(to bottom,#00c6a7,#1a2563)}.kroky .ga-step{flex-direction:row;align-items:flex-start;text-align:left;padding:0 0 32px;width:100%;gap:20px}.kroky .ga-step:last-child{padding-bottom:0}.kroky .ga-step-circle{flex-shrink:0;margin-bottom:0}}