/* ==========================================================
   ENVITAL – design systém (2026-10)
   VERZE: v41 (1. 11. 2026) – „DNA KRUH“ + Magazín, článek, Teploelektrina
   Podle tohoto čísla poznáte, že je na serveru aktuální soubor.
   Načítá se z functions.php child theme po CSS Bricksu.
   Barvy:  var(--uhel) var(--slunce) var(--voda-txt) ...
   Třídy:  .wrap .narrow .tlum .uhel .hero .hero-split .lead .eyebrow
           .dna .card .box .grid2 .grid3 .stats .steps .split .tier
           .faq .art .tag .btn .btn.sm .btn.ghost .form .chk ...
   ------------------------------------------------------------
   DNA KRUH – jedinečná vrstva tohoto theme (nová od v33):
   Identita firmy je kruh: slunce, voda, rostliny, uhlík – všechno
   se točí v cyklu. Kruh proto proniká celým designem, ale vždy
   jen jedním jemným důrazem na prvek, nikdy jako karikatura:
   • .dna        → tenčí linie + „slunce na horizontu“: zlatá
                   tečka s mírnou září na začátku proužku
   • .eyebrow    → zlaté „semínko“ (tečka) před popiskem
   • .card .top  → „poloslunce“: barevná kopule vyrábějící se
                   z horní hrany karty; při najetí vyjde výš
   • fotky      → oblouk: výrazně zakulacené horní roky (svítání)
   • .btn        → pilulka (kruh v profilu), hover rozsvítí zář
   • .uhel       → východ slunce: radiální přechod
   • sekce .tlum → čisté lehce béžové pozadí (bez rastru – vyladěno)
   • odrážky     → tečky-semínka místo proužků
   • patička     → dělicí tečky (·) v právním řádku nahradit třídou .sep
                   (sluneční puntík; v HTML Text prvku, viz pravidlo u patičky)
   • patička     → horní hrana patičky je vyklenutá (elipsa) a po hřebenu
                   běží tenká duhová linka v gradientu ENVITAL – viz .site-foot
   • záhlaví     → duhová „spona“ pod hlavičkou: tatáž elipsa (720/72)
                   jako hřeben patičky, zrcadlově proti sobě – přesný tvar ) (,
                   odstup první sekce řeší #brx-content{padding-top}
   • sekce       → barevné panely (.uhel, .tlum) mají jemně zaoblené hrany
                   (28 px), žádné další dlouhé dna v sekcích
   Barevné tokeny a kontrast textu zůstávají 1:1 s v32 (viz blok odkazy).
   ========================================================== */

/* ---------- písmo Saira (lokálně, bez Google Fonts) ---------- */
@font-face{font-family:'Saira';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/saira-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Saira';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/saira-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Saira';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/saira-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Saira';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/saira-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Saira';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/saira-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Saira';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/saira-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --uhel:#17130F; --uhel2:#241E18; --bila:#F8F8F8; --tlum:#F6F4EF; --linka:#E4E0D6;
  --ink:#14110D; --dim:#6B6455; --text2:#3A362E;
  --slunce:#FFB916; --ohen:#D64B0D; --mlada:#2CF900; --zrala:#2CAA00;
  --stara:#1F5A3E; --voda:#229AFF; --hloubka:#002793;
  --slunce-txt:#8F6400; --voda-txt:#006CC7; --vyhon-txt:#207A00; --ohen-txt:#C0430C;
  /* DNA KRUH: sdílené tvary a záře (od v33) */
  --r-kruh:999px;      /* pilulka = kruh v profilu */
  --r-karta:16px;      /* karty, boxy, tier */
  --zare:0 0 0 5px rgba(255,185,22,.26);   /* zlatá zář kolem tlačítka */
}
html{scroll-behavior:smooth;}
body{font-family:'Saira',system-ui,sans-serif;color:var(--ink);background:var(--bila);
  font-size:17.5px;line-height:1.6;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:var(--slunce-txt);}  /* odkazy: tmavší zlatý odstín textu (kontrast 5,3:1 na bílé), jasná žlutá je jako podtržení – viz blok „odkazy“ na konci */
::selection{background:var(--slunce);color:#231800;}  /* výběr textu jako příměs slunce */
input[type=checkbox],input[type=radio]{accent-color:var(--slunce);}
.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 28px;display:block;} /* .wrap = Bricks Container */
.narrow{max-width:740px;}
/* odkazy na kotvy v obsahu: hlavička nepřekrývá cílovou sekci */
#brx-content [id]{scroll-margin-top:96px;}

/* ---------- DNA pruh = „horizont“: linie + slunce na začátku ---------- */
.dna{position:relative;width:100%;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--slunce) 0%,var(--ohen) 26%,var(--mlada) 54%,var(--voda) 80%,var(--hloubka) 100%);}
.dna::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:11px;height:11px;border-radius:50%;background:var(--slunce);
  box-shadow:0 0 0 4px rgba(255,185,22,.20);}  /* slunce právě vychází nad horizont proužku */
.dna.short{width:120px;}
.dna.full{border-radius:0;height:4px;}
.dna.full::before,.site-foot .dna::before{display:none;}  /* plná šířka zůstává čistou linkou */

/* ---------- hlavicka a paticka ---------- */
.site-head{position:relative;z-index:10;background:var(--bila);}  /* hlavička sleduje token pozadí; bez ostré linky: dělí až duhová spona níže */
/* duhová spona pod záhlavím: přesný tvarový zrcadlový protějšek hřebene
   patičky – tatáž elipsa (rx 720 = 50 % šířky, ry 72), jen převrácená
   do údolí. Stránka je rámována tvarem ) (. Propad 72 px vyžaduje
   odstup první sekce – ten dává #brx-content{padding-top} níže.
   Inline SVG na pseudo-elementu, nic se nemění v Bricks šabloně hlavičky;
   z-index 10 drží sponu i nad tmavou první sekcí (jinak by ji překryla). */
.site-head::after{content:"";position:absolute;left:0;right:0;bottom:-78px;height:78px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 78' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='h' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23FFB916'/%3E%3Cstop offset='.26' stop-color='%23D64B0D'/%3E%3Cstop offset='.54' stop-color='%232CF900'/%3E%3Cstop offset='.8' stop-color='%23229AFF'/%3E%3Cstop offset='1' stop-color='%23002793'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0 A 720 72 0 0 0 1440 0' fill='none' stroke='url(%23h)' stroke-width='5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat;
  background-size:100% 100%;}
.site-head .wrap{display:flex;flex-direction:row;align-items:center!important;justify-content:space-between;gap:26px;min-height:74px;}
.site-head img,.site-head svg{height:38px;width:auto;}
.site-head .brxe-image,.site-head img{flex:0 0 auto;}  /* logo se nesmí smrštit na nulu */
.site-head nav{display:flex;gap:22px;margin-left:auto;align-items:center;}
.site-head nav a{color:var(--ink);text-decoration:none;font-size:15.5px;font-weight:600;padding-bottom:4px;
  background-image:linear-gradient(var(--slunce),var(--slunce));background-repeat:no-repeat;
  background-size:0% 3px;background-position:50% 100%;transition:background-size .18s ease;}
/* aktivní položka i hover: zlatá čárka uprostřed pod textem (kruhová diskrétnost) */
.site-head nav a.act,.site-head nav a[aria-current="page"]:not(.btn),.site-head nav a.brx-current:not(.btn),.site-head nav .current-menu-item>a:not(.btn){background-size:24px 3px;}
.site-head nav a:not(.btn):hover{background-size:24px 3px;}
.btn{display:inline-block;background:var(--slunce);color:#231800;font-weight:700;
  padding:13px 28px;border-radius:var(--r-kruh);text-decoration:none;font-size:16px;
  transition:box-shadow .2s ease;}
.btn:not(.ghost):hover{box-shadow:var(--zare);}  /* tlačítko se „rozzáří“ jako slunce */
.btn.sm{padding:9px 20px;font-size:14.5px;}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);}
.btn.ghost:hover{color:var(--slunce-txt);box-shadow:inset 0 0 0 2px var(--slunce-txt);}
.btn.ghost.light{color:#fff;box-shadow:inset 0 0 0 2px #fff;}
.btn.ghost.light:hover{color:var(--slunce);box-shadow:inset 0 0 0 2px var(--slunce);}
/* „duha nad patičkou“: horní hrana patičky není rovná, ale vyklenutá (kopeček).
   1) border-radius 50 %/72 px vyklenuje samotné béžové pozadí patičky – předěl
      se skutečně ohne na jakékoli šířce okna (vodorovný poloměr je vždy 50 %).
   2) Div .dna (první potomek, už ve starém markupu) kreslí inline SVG linku
      elipsou 720/72 – stejná elipsa jako border-radius, takže duha kopíruje
      hranu přesně a končí za rohem ponořená v béžové barvě.
   Na sekci .tlum nad patičkou klenba přirovně vplyne (béžová do béžové),
   na bílé vyjde jako kopeček a nad tmavou .uhel je to východ slunce. */
.site-foot{position:relative;background:var(--tlum);color:var(--text2);padding:0 0 30px;font-size:15px;
  border-radius:50% 50% 0 0 / 72px 72px 0 0;}
.site-foot .dna{width:100%;height:78px;border-radius:0;margin-bottom:34px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 78' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23FFB916'/%3E%3Cstop offset='.26' stop-color='%23D64B0D'/%3E%3Cstop offset='.54' stop-color='%232CF900'/%3E%3Cstop offset='.8' stop-color='%23229AFF'/%3E%3Cstop offset='1' stop-color='%23002793'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 78 A 720 72 0 0 1 1440 78' fill='none' stroke='url(%23g)' stroke-width='5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat;
  background-size:100% 100%;}
.site-foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;}
.site-foot h4{color:var(--ink);font-size:13px;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:12px;}
.site-foot a{color:var(--text2);text-decoration:none;display:block;margin-bottom:6px;}
.site-foot .claim{font-size:21px;font-weight:800;color:var(--ink);line-height:1.25;margin-bottom:14px;}
.site-foot .claim em{font-style:normal;color:var(--slunce-txt);display:block;}  /* druhá věta vždy na novém řádku, bez ručního zalomení */
.site-foot .legal{border-top:1px solid var(--linka);margin-top:34px;padding-top:18px;font-size:13px;color:var(--dim);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
/* „sluneční puntík“ – dělicí tečka (·) v právním řádku patičky jako zlatá tečka DNA.
   Použití: v HTML prvku Text (zobrazení kódu) nahraďte „ · “ za <span class="sep" aria-hidden="true"></span>.
   aria-hidden: oddělovač je jen dekorace, čtečka textu ji má ignorovat (stejně jako by ignorovala ·). */
.site-foot .sep{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--slunce);
  box-shadow:0 0 0 2px rgba(143,100,0,.22);vertical-align:2px;margin:0 9px;}

/* ---------- typografie a sekce ---------- */
:where(#brx-content) section{padding:64px 0;}
/* odstup pro duhovou sponu (údolí 72 px): obsah první sekce vždy začíná
   až pod obloukem, na všech stránkách, bez zásahu do šablon */
#brx-content{padding-top:54px;}
section.tlum{background-color:var(--tlum);border-radius:28px;}  /* měkce zaoblené hrany panelu, pozadí čisté béžové */
h1{font-size:54px;font-weight:800;letter-spacing:-0.8px;line-height:1.08;text-wrap:balance;}
h2{font-size:32px;font-weight:800;letter-spacing:-0.4px;line-height:1.18;text-wrap:balance;}
h3{font-size:20px;font-weight:600;line-height:1.3;margin-bottom:6px;}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.6px;text-transform:uppercase;color:var(--dim);margin-bottom:12px;
  display:flex;align-items:center;gap:9px;}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--slunce);flex:0 0 auto;}  /* semínko DNA */
.lead{font-size:21px;line-height:1.55;color:#2E2A24;}
p{margin-bottom:16px;} p:last-child{margin-bottom:0;}
p,li{text-wrap:pretty;}
.h-wrap{margin-bottom:26px;} .h-wrap .dna{margin-top:14px;}
/* --- DNA proužek jako dělicí prvek NAHOŘE v sekci, všude stejně (odstup 26 px, zarovnáno doleva na okraj obsahu) ---
   1) dna přímo v Section (nad Containerem .wrap): Section v Bricks centruje potomky, proto zarovnání doleva
      dopočítáme stejně jako okraj .wrap (max. šířka 1080 px + padding 28 px). Jen v obsahu stránky, ne v patičce. */
#brx-content section>.dna{align-self:flex-start;width:120px;margin:0 0 26px max(28px,calc((100% - 1080px)/2 + 28px));}
/*  2) dna uvnitř .h-wrap (starší stránky): vizuálně na začátek bloku, stejný odstup */
.h-wrap{display:flex;flex-direction:column;}
.h-wrap>.dna{order:-1;margin:0 0 26px;}
.small{font-size:14px;color:var(--dim);}
.zdroj{font-size:13px;color:var(--dim);margin-top:18px;}

.hero{padding:70px 0 58px;}
.hero .lead{margin-top:20px;max-width:700px;}
.hero .ctas{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
.hero-split{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;}
.hero-split img{border-radius:210px 210px 12px 12px;}  /* oblouk: fotka jako okno, kterým vychází slunce */

.uhel{position:relative;color:#F2EEE6;padding:66px 0;border-radius:28px;
  background:radial-gradient(880px 460px at 10% -14%,var(--uhel2),var(--uhel) 62%);}  /* východ slunce nad „uhlem“; hrany jako u .tlum zaoblené */
.uhel .claim{font-size:40px;font-weight:800;line-height:1.2;max-width:880px;}
.uhel .claim em{font-style:normal;color:var(--slunce);display:block;}  /* druhá věta na novém řádku bez ručního zalomení */
.uhel .claim .claim-2{display:block;color:var(--slunce);}  /* totéž bez značky <em>: druhá věta jako samostatný Text s touto třídou */
.uhel p{color:#CFC9BE;margin-top:20px;max-width:720px;font-size:18px;}
.uhel .dna{margin-bottom:26px;width:120px;}
.uhel h2{color:#fff;}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;}
.stat .bar{width:100%;height:5px;border-radius:3px;margin-bottom:14px;}  /* plná linka s kruhovými konci */
.stat .n{font-size:40px;font-weight:800;line-height:1;}
.stat .u{font-size:16px;font-weight:600;color:var(--dim);margin-left:4px;}
.stat .l{font-size:15px;color:var(--dim);margin-top:8px;}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px;}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:28px;}
.card{position:relative;overflow:hidden;border:1px solid var(--linka);border-radius:var(--r-karta);padding:26px;background:#fff;
  box-shadow:0 1px 2px rgba(20,17,13,.06),0 8px 18px -6px rgba(20,17,13,.12),0 22px 40px -16px rgba(20,17,13,.16);}
/* „poloslunce“: barevný proužek z v32 se mění na kopuli vyrábějící se z horní hrany karty.
   Barvu stále nese inline styl / třída bg-* na Divu .top – mění se jen tvar. Při najetí slunce „vyjde“ o kus výš. */
.card .top{position:absolute;top:0;left:26px;right:auto;width:40px;max-width:40px;height:20px;margin:0;
  border-radius:0 0 40px 40px;transition:width .25s ease;}
.card p{font-size:16px;color:var(--text2);}
.card .more{font-weight:600;font-size:15px;text-decoration:none;display:inline-block;margin-top:14px;}
.card.link{text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;}
.card.link .more{margin-top:auto;padding-top:14px;align-self:flex-start;}  /* odkaz vždy na spodku karty, všechny tři ve stejné výšce */
.card.link:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(20,17,13,.08),0 14px 26px -8px rgba(20,17,13,.18),0 30px 50px -18px rgba(20,17,13,.2);}
.card.link:hover .top{width:64px;}  /* poloslunce na kartě vyjde výš */
@media (prefers-reduced-motion:reduce){
  .card.link,.card .top,.btn,.site-head nav a{transition:none;}
  .card.link:hover{transform:none;}
  .card.link:hover .top{width:40px;}
}
/* celá karta klikací přes odkaz .more uvnitř (stretched link) – funguje i bez nastavení odkazu na Divu */
.card.link .more::after{content:"";position:absolute;inset:0;}
.card.link:focus-within{outline:2px solid var(--slunce);outline-offset:3px;border-radius:var(--r-karta);}
.card.link .more:focus{outline:none;}
.lnk{font-weight:600;}
/* menší horní odsazení sekce (v mockupu inline padding-top) – třída do pole CSS classes u Section */
.pt10{padding-top:10px!important;padding-bottom:64px!important;} .pt20{padding-top:20px!important;padding-bottom:64px!important;}
@media(max-width:860px){.pt10,.pt20{padding-bottom:46px!important;}}
/* prázdné Divy (.dna, .top) se v editoru Bricks vykreslují s výplní min-height – tady ji rušíme */
.dna,.card .top,.stat .bar{min-height:0!important;}
.card img.ph{border-radius:8px;margin-bottom:16px;aspect-ratio:4/3;object-fit:cover;width:100%;}
.box{border:1px solid var(--linka);border-radius:var(--r-karta);padding:26px;}
.box .big{font-size:38px;font-weight:800;line-height:1;}
.box .sub{font-size:15px;color:var(--dim);margin-top:10px;}
.box.dark{background:var(--uhel);border-color:var(--uhel);color:#F2EEE6;
  background:radial-gradient(420px 220px at 12% -12%,var(--uhel2),var(--uhel) 66%);}  /* i uhlí má svůj východ */
.box.dark .big{color:#fff;} .box.dark .sub{color:#CFC9BE;}

table{width:100%;border-collapse:collapse;margin-top:24px;font-size:16px;}
/* tabulka v dvousloupci vedle obrázku: bez horního odstupu, aby její horní hrana lícovala s obrázkem */
.grid2 table:first-child,.grid2.al-start table{margin-top:0;}
th{text-align:left;background:var(--uhel);color:#fff;padding:12px 14px;font-size:14px;font-weight:600;}
td{padding:12px 14px;border-bottom:1px solid var(--linka);vertical-align:top;}
tr:last-child td{border-bottom:none;}
tr.zvyraz td{background:#EEF6EE;font-weight:600;}
td.k{font-weight:600;width:auto;}
td.v{text-align:right;font-weight:700;white-space:nowrap;}

ul.clean{list-style:none;margin-top:18px;}
ul.clean li{padding-left:26px;position:relative;margin-bottom:12px;}
ul.clean li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--slunce);}  /* semínko */
ul.clean.neg li:before{background:var(--ohen);}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px;}
.step{border-top:3px solid var(--linka);padding-top:20px;position:relative;}
.step::before{content:"";position:absolute;top:-6px;left:0;width:9px;height:9px;border-radius:50%;background:var(--linka);}  /* uzel na lince */
.step.c1{border-top-color:var(--slunce);} .step.c1::before{background:var(--slunce);}
.step.c2{border-top-color:var(--zrala);} .step.c2::before{background:var(--zrala);}
.step.c3{border-top-color:var(--voda);}   .step.c3::before{background:var(--voda);}
.step .num{font-size:13px;font-weight:600;color:var(--dim);letter-spacing:1.5px;}
.step p{font-size:15.5px;color:var(--text2);}

.faq{border-top:1px solid var(--linka);padding:22px 0;}
.faq h3{font-size:18px;} .faq p{font-size:16px;color:var(--text2);margin-top:6px;}

.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.split img{border-radius:210px 210px 12px 12px;}  /* oblouk i u obsahových fotek – jednotné svítání */
.tier{border:1px solid var(--linka);border-radius:var(--r-karta);padding:24px;}
.tier .nm{font-size:13px;font-weight:700;letter-spacing:2.4px;color:var(--slunce-txt);margin-bottom:12px;line-height:1.3;}
.tier.hl{background:var(--uhel);color:#F2EEE6;border-color:var(--uhel);}
.tier.hl .nm{color:var(--slunce);}
.tier ul{list-style:none;margin:0;padding:0;}
.tier li{padding:6px 0;border-bottom:1px solid var(--linka);font-size:15.5px;}
.tier.hl li{border-color:#3A332A;} .tier li:last-child{border-bottom:none;}

.art{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px;}
.art .card h3{font-size:18px;}
.tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;
  color:var(--dim);margin-bottom:8px;}
.soon{font-size:12px;font-weight:600;color:var(--ohen-txt);}

.form{display:grid;gap:14px;margin-top:22px;max-width:560px;}
.form label{font-size:14px;font-weight:600;}
.form input,.form textarea,.form select{width:100%;padding:12px 14px;border:1.5px solid #CFC8B8;border-radius:10px;
  font-family:inherit;font-size:16px;background:#fff;}
.form textarea{min-height:110px;}
.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid var(--slunce);outline-offset:1px;border-color:var(--slunce-txt);}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.chk{display:flex;gap:10px;font-size:14px;color:var(--dim);align-items:flex-start;}

.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;}
.kc b{display:block;font-size:22px;margin-bottom:4px;}
.kc .l{font-size:14px;color:var(--dim);letter-spacing:1.4px;text-transform:uppercase;margin-top:18px;}

/* ---------- teploelektrina.cz ---------- */
.te-head .wrap{height:66px;display:flex;align-items:center;justify-content:space-between;}
.te-head .brand{font-weight:800;font-size:20px;letter-spacing:-.2px;}
.te-head .brand span{color:var(--slunce-txt);}
.te-hero{padding:80px 0 60px;text-align:left;}
.te-hero h1{font-size:60px;}
.te-by{font-size:14px;color:var(--dim);margin-top:26px;display:flex;align-items:center;gap:10px;}
.te-by img{height:22px;}

@media(max-width:860px){
  h1,.te-hero h1{font-size:36px;} h2{font-size:26px;} .lead{font-size:18px;}
  .stats,.grid3,.grid2,.steps,.art,.split,.hero-split,.contact-grid,.site-foot .cols,.form .row2{grid-template-columns:1fr;}
  .uhel .claim{font-size:28px;} :where(#brx-content) section{padding:46px 0;}
  .hero-split img,.split img{border-radius:110px 110px 12px 12px;}  /* nižší oblouk na mobilu */
  .eyebrow{letter-spacing:2.2px;}
  .site-foot{border-radius:50% 50% 0 0 / 48px 48px 0 0;}  /* nižší klenba patičky */
  .site-foot .dna{height:52px;margin-bottom:26px;}        /* duha sesměruje s klenbou */
  section.tlum,.uhel{border-radius:18px;}                 /* měkčí hrany panelů na mobilu */
  .site-head::after{height:52px;bottom:-52px;}           /* zrcadlo mobilní klenby (48 px) */
  #brx-content{padding-top:40px;}                       /* měkčí odstup spony na mobilu */
  .hero{padding-top:46px;}                              /* hero netlačí dolů */
  /* mobilní menu řeší Bricks (Nav Nested + Toggle), nav se neskrývá */
}

/* ---------- mobilní menu Bricks (Nav Nested): rozbalovací panel pod hlavičkou ---------- */
/* breakpoint 991 px = "Tablet portrait" v Bricksu (Nav: Show at breakpoint) */
@media(max-width:991px){
  .site-head{position:relative;}
  .site-head .brxe-nav-nested{position:static!important;}
  .site-head .brx-nav-nested-items{
    position:absolute!important;top:100%!important;left:0!important;right:0!important;bottom:auto!important;
    width:100%!important;height:auto!important;min-height:0!important;max-height:calc(100vh - 74px)!important;overflow:auto;
    display:flex;flex-direction:column!important;flex-wrap:nowrap!important;
    justify-content:flex-start!important;align-items:stretch!important;gap:0!important;margin:0!important;
    background:#fff;border-bottom:1px solid var(--linka);
    box-shadow:0 14px 24px rgba(20,17,13,.08);padding:6px 28px 22px;z-index:100;
  }
  .site-head .brx-nav-nested-items a{display:block;padding:14px 0;border-bottom:1px solid var(--linka);font-size:17px;}
  .site-head .brx-nav-nested-items a.btn{display:inline-block;align-self:flex-start;margin-top:18px;border-bottom:0;padding:13px 26px;}
}

/* ---------- Kontakt: levý sloupec a formulář Bricks (Form element) ---------- */
.h3{font-size:20px;font-weight:600;line-height:1.3;margin-bottom:6px;}  /* vzhled h3, značka v HTML může být h2 */
.kc .kb{display:block;font-size:22px;font-weight:700;line-height:1.3;margin-bottom:4px;}
/* odkazy v kontaktu (tel., e-mail) mají stejný vzhled jako ostatní odkazy – viz blok „odkazy“ na konci */
.kc .l:first-child{margin-top:0;}
.contact-grid .brxe-form{max-width:560px;}
.brxe-form .form-group label{font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;}
.brxe-form input[type=checkbox]+label,.brxe-form input[type=radio]+label{font-size:14px;font-weight:400;color:var(--dim);}
.brxe-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.brxe-form textarea,.brxe-form select{
  width:100%;padding:12px 14px;border:1.5px solid #CFC8B8;border-radius:10px;
  font-family:inherit;font-size:16px;background:#fff;color:var(--ink);}
.brxe-form textarea{min-height:110px;}
.brxe-form input:focus,.brxe-form textarea:focus,.brxe-form select:focus{
  outline:2px solid var(--slunce);outline-offset:1px;border-color:var(--slunce-txt);}
.brxe-form button[type=submit]{
  background:var(--slunce);color:#231800;font-family:inherit;font-weight:700;font-size:16px;
  padding:13px 28px;border:0;border-radius:var(--r-kruh);cursor:pointer;}  /* odesílací tlačítko = pilulka jako .btn */

/* ---------- zprávy formuláře Bricks (po odeslání / chyba) ---------- */
.brxe-form .message{margin-top:18px;padding:14px 18px;border-radius:10px;font-size:16px;font-weight:600;line-height:1.4;color:var(--ink);}
.brxe-form .message.success{background:#EEF6EE;border-left:4px solid var(--zrala);}
.brxe-form .message.error{background:#FDF0EA;border-left:4px solid var(--ohen);}

/* ---------- pomocné třídy pro Bricks (místo inline stylů z mockupu) ---------- */
.bg-slunce{background:var(--slunce);} .bg-ohen{background:var(--ohen);} .bg-mlada{background:var(--mlada);}
.bg-zrala{background:var(--zrala);} .bg-voda{background:var(--voda);} .bg-hloubka{background:var(--hloubka);}
.card .brxe-text-basic,.card .brxe-text{font-size:16px;color:var(--text2);}
/* odrážkový seznam uvnitř prvku Rich Text s třídou .clean (a .clean.neg pro červené) – semínkové tečky */
.clean>ul{list-style:none;margin-top:18px;padding:0;}
.clean>ul:first-child{margin-top:0;}
.card .clean>ul:first-child{margin-top:18px;}
.clean>ul>li{padding-left:26px;position:relative;margin-bottom:12px;}
.clean>ul>li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--slunce);}
.clean.neg>ul>li:before{background:var(--ohen);}

/* ---------- odkazy: jednotná zlatožlutá (přebíráno z v32 beze změny kontrastových poměrů) ----------
   Text odkazu = tmavší zlatý odstín (--slunce-txt, kontrast 5,3:1 na bílé a 4,8:1 na béžové), protože čistě žlutý
   text (#FFB916) má na bílé jen 1,7:1 a nebyl by čitelný. Jasná žlutá z tlačítek je v podtržení.
   Na tmavých sekcích (.uhel) je text odkazu jasná žlutá (kontrast 10,7:1). Tlačítka (.btn), menu a patička mají vlastní vzhled. */
:where(#brx-content) a:not(.btn){text-decoration:underline;text-decoration-color:var(--slunce);text-decoration-thickness:2px;text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease;}
:where(#brx-content) a:not(.btn):hover{color:var(--ink);text-decoration-color:var(--ohen);}
.uhel a:not(.btn){color:var(--slunce);}
.uhel a:not(.btn):hover{color:#fff;text-decoration-color:var(--slunce);}
/* odkaz „více →“ v kartě: podtržený v klidu i na dotykových zařízeních, při najetí na kartu ink + oranžové podtržení */
.card .more{text-decoration:underline;text-decoration-color:var(--slunce);text-decoration-thickness:2px;text-underline-offset:3px;}
.card.link:hover .more{text-decoration:underline;text-decoration-color:var(--ohen);text-decoration-thickness:2px;text-underline-offset:3px;color:var(--ink);}
/* menu a patička: v klidu neutrální, při najetí zlatě (menu má navíc animovanou čárku – viz hlavička) */
.site-foot a:hover{color:var(--slunce-txt);}
a:focus-visible{outline:2px solid var(--slunce);outline-offset:3px;border-radius:2px;}

/* ---------- BioGS 1.0: schéma principu (.flow), statistiky s jednotkou, pomocné třídy ----------
   Geometrie vidlice zůstává 1:1 z v32 (na ní závisí napozicování v Bricks); restylovány jsou jen povrchy:
   panel a boxy mají výraznější kruhové radiusy a tmavé jádro reagtru má svůj mini-východ. */
.flow{--fk:36px;--g:14px;display:grid!important;grid-template-columns:1fr 48px 1.2fr calc(var(--fk)*2) 1.3fr!important;align-items:center;gap:0;margin-top:48px;padding:32px 30px;box-sizing:border-box;background:var(--tlum);border:1px solid var(--linka);border-radius:18px;width:100%!important;max-width:none!important;}
.tlum .flow{background:#fff;}
.flow>*{min-width:0;width:auto!important;max-width:none!important;}
.flow .fl-box{background:#fff;border:1px solid var(--linka);border-radius:14px;padding:16px 18px;box-shadow:0 1px 2px rgba(20,17,13,.06),0 8px 18px -8px rgba(20,17,13,.14);}
.flow .fl-t{font-size:17px;font-weight:700;line-height:1.25;color:var(--ink);}
.flow .fl-s{font-size:14.5px;line-height:1.4;color:var(--dim);margin-top:4px;}
.flow .fl-core{background:radial-gradient(150px 90px at 24% -12%,var(--uhel2),var(--uhel) 70%);border-color:var(--uhel);}
/* titulek a popisek boxu se stylují i podle pozice – třídy fl-t / fl-s nejsou nutné */
.flow .fl-box>:first-child{font-size:17px;font-weight:700;line-height:1.25;color:var(--ink);}
.flow .fl-box>:nth-child(2){font-size:14.5px;line-height:1.4;color:var(--dim);margin-top:4px;}
/* tmavé jádro: text vždy světlý, i kdyby měl prvek v Bricks nastavenou vlastní barvu */
.flow .fl-core .fl-t,.flow .fl-core>:first-child{color:#fff!important;}
.flow .fl-core .fl-s,.flow .fl-core>:nth-child(2){color:#CFC9BE!important;}
/* popisek v levém horním rohu panelu: Text s třídou fl-label jako PRVNÍ potomek Divu .flow (zabere vlastní řádek přes celou šířku) */
.flow .fl-label{grid-column:1/-1;justify-self:start;align-self:start;margin:0 0 26px;font-size:12px;font-weight:600;letter-spacing:2.6px;text-transform:uppercase;line-height:1.3;color:var(--dim);}
.flow .fl-arrow{position:relative;height:4px;min-height:0!important;border-radius:2px;background:linear-gradient(90deg,var(--slunce),var(--ohen));}
.flow .fl-arrow::after{content:"";position:absolute;right:-3px;top:50%;transform:translateY(-50%);border-left:10px solid var(--ohen);border-top:7px solid transparent;border-bottom:7px solid transparent;}
.flow .fl-out{display:grid;gap:var(--g);grid-column:5;position:relative;}
/* kmen vidlice: z jádra do středu skupiny výstupů (kreslí se sám z .fl-out; pokud je před .fl-out ručně přidaný .fl-arrow, nekreslí se) */
.flow .fl-out::before{content:"";position:absolute;left:calc(var(--fk)*-2);top:50%;width:calc(var(--fk) - 2px);height:4px;transform:translateY(-50%);border-radius:2px 0 0 2px;background:linear-gradient(90deg,var(--slunce),var(--ohen));}
.flow .fl-out::after{display:none;}
.flow .fl-arrow+.fl-out::before{display:none;}
/* větve: každý výstup má vlastní šipku (::before) a svislou spojnici (::after) */
.flow .fl-out>.fl-box{position:relative;--bl:1px;}
.flow .fl-out>.o1,.flow .fl-out>.o2,.flow .fl-out>.o3{--bl:5px;}
.flow .fl-out>.fl-box::before{content:"";position:absolute;top:50%;height:14px;margin-top:-7px;width:var(--fk);left:calc(var(--fk)*-1 - var(--bl));background:var(--ohen);clip-path:polygon(0 5px,calc(100% - 11px) 5px,calc(100% - 11px) 0,100% 7px,calc(100% - 11px) 14px,calc(100% - 11px) 9px,0 9px);}
.flow .fl-out>.fl-box::after{content:"";position:absolute;width:4px;left:calc(var(--fk)*-1 - var(--bl) - 2px);top:calc(-1px - var(--g));bottom:calc(-1px - var(--g));background:var(--ohen);}
.flow .fl-out>.fl-box:first-child::after{top:calc(50% - 2px);}
.flow .fl-out>.fl-box:last-child::after{bottom:calc(50% - 2px);}
.flow .fl-out>.fl-box:only-child::after{display:none;}
.flow .o1{border-left:5px solid var(--slunce);} .flow .o2{border-left:5px solid var(--zrala);} .flow .o3{border-left:5px solid var(--voda);}
@media(max-width:860px){
  .flow{grid-template-columns:1fr!important;justify-items:stretch;margin-top:36px;padding:20px 16px;}
  .flow .fl-label{margin-bottom:18px;}
  .flow .fl-arrow{width:4px!important;height:34px;justify-self:center;background:linear-gradient(180deg,var(--slunce),var(--ohen));}
  .flow .fl-arrow::after{right:auto;left:50%;top:auto;bottom:-3px;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid var(--ohen);border-bottom:0;}
  .flow .fl-out{grid-column:auto;margin-top:34px;}
  .flow .fl-arrow+.fl-out{margin-top:0;}
  /* na mobilu bez vidlice: jedna šipka dolů a výstupy pod sebou */
  .flow .fl-out>.fl-box::before,.flow .fl-out>.fl-box::after{display:none;}
  .flow .fl-out::before{left:50%;top:-34px;width:4px;height:34px;transform:translateX(-50%);border-radius:2px;background:linear-gradient(180deg,var(--slunce),var(--ohen));}
  .flow .fl-out::after{content:"";display:block;position:absolute;left:50%;top:-8px;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid var(--ohen);border-bottom:0;}
  .flow .fl-arrow+.fl-out::after{display:none;}
}
/* statistika: číslo a jednotka vedle sebe (Div .nrow s Textem .n a Textem .u) */
.stat .nrow{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;}
/* zarovnání obsahu nahoru v mřížce (místo inline align-items:start) */
.al-start{align-items:start;}
/* fotka v hero: omezená výška, ořez na střed (portrétní fotka jednotky) */
.hero-split img{max-height:520px;width:100%;object-fit:cover;}

/* popisek obrázku (Bricks Image → Caption): malý tmavě šedý text POD obrázkem místo překryvu */
#brx-content .brxe-image figcaption,#brx-content .brxe-image .bricks-image-caption{position:static!important;background:none!important;color:var(--dim)!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important;padding:10px 0 0!important;}

/* ---------- Sezónní akumulace: graf, barevná čísla v boxech, obrázek s ořezem, pomocný odstup ---------- */
/* graf (SVG element uvnitř Divu .graf): na mobilu se nezmenšuje pod čitelnou velikost, ale posouvá se do strany */
.graf{margin-top:26px;overflow-x:auto;}
.graf svg{display:block;width:100%;min-width:600px;height:auto;}
/* barva velkého čísla v boxu (třída přidaná k Textu .big) */
.box .big.c-slunce{color:var(--slunce-txt);}
.box .big.c-vyhon{color:var(--vyhon-txt);}
/* dvousloupec text + obrázek hned pod mřížkou boxů */
.grid2+.split{margin-top:34px;}
/* obrázek s ořezem na max. výšku (třída na prvku Image) */
img.img-crop,.img-crop img{width:100%;max-height:420px;object-fit:cover;border-radius:12px;}  /* třída je buď přímo na <img>, nebo na <figure> */
/* odrážky hned pod odstavcem ve dvousloupci text + obrázek */
.split .clean>ul:first-child{margin-top:18px;}
/* pomocný horní odstup 30 px (např. dna na konci hero) */
.mt30{margin-top:30px;}

/* užší sloupec (Container .wrap.narrow) zarovnaný vlevo na okraj obsahu, stejně jako dna short nad ním (dříve se centroval) */
#brx-content section>.wrap.narrow{align-self:flex-start;max-width:796px;margin-left:max(0px,calc((100% - 1080px)/2));}

/* ---------- Reference: zástupná karta „místo pro další referenci“, pomocný odstup 22 px ---------- */
.card.ph{border-style:dashed;border-color:#CFC8B8;text-align:center;color:var(--dim);box-shadow:none;background:transparent;padding-top:56px;padding-bottom:56px;}
.card.ph .small{margin-top:6px;}
.mt22{margin-top:22px;}

/* ---------- karta s fotografií nahoře (Div .card.foto → Image + Div .fb s popiskem, nadpisem H3 a textem) ---------- */
.card.foto{padding:0;}
.card.foto img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0;}
.card.foto .fb{padding:20px 22px 24px;}
.card.foto .small{margin-bottom:6px;}
.card.foto h3,.card.foto .h3{margin-bottom:8px;}
/* popisky karet do roviny: nadpis vždy vyhradí místo pro 2 řádky (jen když jsou karty vedle sebe) */
@media(min-width:861px){.card.foto h3,.card.foto .h3{min-height:2.6em;}}

/* ---------- Magazín a šablona článku (z v32, kosmetika dle DNA KRUH) ---------- */
/* karta článku ve smyčce: Div .card.foto.link → Image + Div .fb [Text .tag, H3, Text, Text .more] */
.card.foto .fb{flex:1;display:flex;flex-direction:column;}
.card.foto>.fb:first-child{padding-top:26px;}   /* článek bez náhledového obrázku */
.card.foto .tag{margin-bottom:6px;}
.card .soon{display:inline-block;margin-top:14px;}   /* „Připravujeme“ u karet bez odkazu */
/* úvodní obrázek článku (Image s třídou art-img; Bricks dává třídu přímo na <img>) */
img.art-img,.art-img img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:12px;margin-bottom:34px;}
@media(max-width:860px){img.art-img,.art-img img{aspect-ratio:3/2;}}
/* text článku: Bricks element Post Content s třídou pc (obsah z editoru WordPressu) */
.pc{font-size:18px;line-height:1.7;color:var(--text2);}
.pc>*:first-child{margin-top:0;}
.pc p,.pc ul,.pc ol{margin:0 0 20px;}
.pc strong{color:var(--ink);}
.pc h2{position:relative;font-size:28px;margin:52px 0 16px;padding-top:22px;color:var(--ink);}
.pc h2::before{content:"";position:absolute;top:0;left:0;width:30px;height:15px;border-radius:0 0 30px 30px;
  background:linear-gradient(90deg,var(--slunce),var(--ohen));}  /* poloslunce: nadpis článku jako dalším svítáním */
.pc h3{font-size:21px;margin:34px 0 10px;color:var(--ink);}
.pc ul,.pc ol{padding-left:1.3em;} .pc li{margin-bottom:8px;} .pc li::marker{color:var(--ohen);}
.pc a{color:var(--slunce-txt);font-weight:600;text-decoration:underline;text-decoration-color:var(--slunce);text-decoration-thickness:2px;text-underline-offset:3px;}
.pc a:hover{color:var(--ink);text-decoration-color:var(--ohen);}
.pc blockquote{margin:30px 0;padding:4px 0 4px 22px;border-left:4px solid var(--slunce);font-size:20px;line-height:1.55;color:var(--ink);}
.pc blockquote p{margin-bottom:0;}
.pc figure{margin:30px 0;} .pc img{max-width:100%;height:auto;border-radius:12px;}
.pc figcaption{font-size:13px;color:var(--dim);margin-top:8px;}
.pc .wp-block-table{margin:30px 0;overflow-x:auto;} .pc table{margin-top:0;}
.pc .box{margin:30px 0;} .pc .box p{font-size:16.5px;} .pc .box p:last-child{margin-bottom:0;}
.pc hr{border:0;border-top:1px solid var(--linka);margin:40px 0;}
@media(max-width:860px){.pc{font-size:17px;} .pc h2{font-size:24px;margin-top:42px;}}

/* ---------- v34: opravy Magazínu a šablony článku ---------- */
/* štítky a popisky v kartách: obecné pravidlo „.card .brxe-text-basic“ (16 px, tmavá) je přebíjelo */
.card .tag{font-size:12px;color:var(--dim);}
.card .soon{font-size:12px;color:var(--ohen-txt);}
.card .small{font-size:14px;color:var(--dim);}
/* nadpisy karet v mřížce .art vyhradí místo pro 2 řádky, popisky i „Připravujeme“ pak lícují */
@media(min-width:861px){.art .card h3,.art .card .h3{min-height:2.6em;}}
/* datum / meta pod perexem v hlavičce článku a úvodní text pod nadpisem sekce */
.hero .lead+.small{margin-top:14px;}
.h-wrap>.small{margin-top:10px;}
/* citace v článku: písmo webu (téma/Bricks jí jinak dá patkové) */
.pc blockquote,.pc blockquote p{font-family:inherit;font-style:normal;}
/* tabulka z editoru WordPressu: bez černých ohraničení z block-library, vzhled jako ostatní tabulky webu */
.pc .wp-block-table table{border:0;border-collapse:collapse;width:100%;}
.pc .wp-block-table thead{border-bottom:0;} .pc .wp-block-table tfoot{border-top:0;}
.pc .wp-block-table th{border:0;padding:12px 14px;text-align:left;}
.pc .wp-block-table td{border:0;border-bottom:1px solid var(--linka);padding:12px 14px;}
.pc .wp-block-table tr:last-child td{border-bottom:none;}

/* ---------- v35: úvodní obrázek v hlavičce článku (hero: eyebrow, H1, datum, Image art-img, dna) ---------- */
.hero h1+.small{margin-top:14px;}                 /* datum pod nadpisem */
img.art-img,.art-img img{margin-top:26px;}        /* odstup obrázku od data */
/* volitelně: třída „bleed“ k art-img přesáhne obrázek o 40 px vlevo i vpravo za okraj obsahu (jen na širokých oknech) */
@media(min-width:1200px){img.art-img.bleed,.art-img.bleed img{width:calc(100% + 80px);max-width:none;margin-left:-40px;}}

/* ---------- v36: Teploelektrina (mikrostránka s vlastní hlavičkou a patičkou) ---------- */
.te-hero .lead{margin-top:22px;max-width:680px;}
.te-hero .ctas{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;}
.te-hero .dna{margin-top:36px;}
.mt0{margin-top:0!important;}   /* např. grid3 hned pod sekcí bez horního odstupu */
.te-foot .legal{border:0;margin:0;padding:0;}
.te-foot .legal a{display:inline;margin:0;color:var(--voda-txt);text-decoration:underline;text-underline-offset:3px;}

/* ---------- v37: Teploelektrina – drobné opravy ---------- */
.te-head a.brand,.te-head .brand a{color:var(--ink);text-decoration:none;}   /* logo-text není odkazově zlatý; zlaté je jen + ve span */
#te-form .brxe-form{max-width:560px;}                                     /* formulář mimo .contact-grid: stejná šířka jako v mockupu */
/* odstavec pod claimem v tmavé sekci: i když je Text v Bricks značka div (ne p), dostane stejný vzhled jako .uhel p */
.uhel .claim+.brxe-text-basic,.uhel .claim+.brxe-text{margin-top:20px;max-width:720px;font-size:18px;color:#CFC9BE;}

/* ---------- v39: cookie lišta Complianz (vzhled DNA KRUH) ----------
   Hodnoty se přepisují přímo na prvku lišty (ne na :root), takže vyhrávají nad nastavením pluginu bez ohledu na pořadí načtení.
   Tlačítka „Přijmout“ a „Odmítnout“ mají stejnou velikost a váhu (plná barva obě), „Nastavení“ je obrys. */
.cmplz-cookiebanner,.cmplz-cookiebanner *{font-family:'Saira',system-ui,sans-serif;}
.cmplz-cookiebanner{
  --cmplz_banner_background_color:#fff;--cmplz_banner_border_color:var(--linka);--cmplz_banner_border_radius:16px;--cmplz_banner_border_width:1px 1px 1px 1px;
  --cmplz_text_color:var(--text2);--cmplz_hyperlink_color:var(--slunce-txt);--cmplz_text_font_size:15px;--cmplz_text_line_height:1.55;--cmplz_title_font_size:17px;--cmplz_link_font_size:13px;
  --cmplz_button_border_radius:999px;--cmplz_button_font_size:15px;
  --cmplz_button_accept_background_color:var(--slunce);--cmplz_button_accept_border_color:var(--slunce);--cmplz_button_accept_text_color:#231800;
  --cmplz_button_deny_background_color:var(--uhel);--cmplz_button_deny_border_color:var(--uhel);--cmplz_button_deny_text_color:#fff;
  --cmplz_button_settings_background_color:transparent;--cmplz_button_settings_border_color:#CFC8B8;--cmplz_button_settings_text_color:var(--ink);
  --cmplz_slider_active_color:var(--zrala);--cmplz_slider_inactive_color:#CFC8B8;--cmplz_slider_bullet_color:#fff;
  box-shadow:0 2px 4px rgba(20,17,13,.08),0 14px 26px -8px rgba(20,17,13,.18),0 30px 50px -18px rgba(20,17,13,.2);
}
.cmplz-cookiebanner .cmplz-title{font-weight:800;color:var(--ink);}
.cmplz-cookiebanner .cmplz-btn{font-weight:700;padding:11px 22px;border-radius:999px;transition:box-shadow .2s ease;}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover{box-shadow:var(--zare);}
.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover{box-shadow:0 0 0 5px rgba(23,19,15,.14);}
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover{border-color:var(--ink);}
.cmplz-cookiebanner a{color:var(--slunce-txt);}
/* plovoucí tlačítko „Spravovat souhlas“ po zavření lišty */
.cmplz-manage-consent{font-family:'Saira',system-ui,sans-serif;font-size:13.5px;font-weight:600;border-radius:999px 999px 0 0;}
/* v40: nadpis lišty – pravidlo pluginu (.cmplz-header .cmplz-title) má vyšší specificitu než v39 */
.cmplz-cookiebanner .cmplz-header .cmplz-title{font-weight:800;color:var(--ink);font-size:17px;}

/* v41 – odkazy v právním řádku patičky: inline místo block (.site-foot a je block pro sloupce odkazů) */
.site-foot .legal a{display:inline;margin:0;color:inherit;text-decoration:none;}
.site-foot .legal a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px;}