/* GarageTV – textové stránky, kontakt a „Podpořte nás“ ve stylech šablony (GTV2-04-017, balík 04, 12. 10. 2026).
   Jen rozložení. Barvy, písmo a velikosti jdou z /assets/re/gtv-re.css (tokeny --night, --paper, --red, --line, --muted, --gutter
   a třídy re-*); soubor nezavádí žádnou novou barvu ani písmo – tři pevné hodnoty (#282827 podklad fotky, #bbb3a7 tlumený text
   na tmavém, #514d46 běžný text) jsou hodnoty, které šablona sama používá. Načítá ho jen titulka/gtv/re_stranka.php. */

/* úvod: delší úvodní věta smí být širší než 650 px šablony; pod tmavým úvodem má sekce plný horní okraj */
.re-site.gtvre-text .re-page-intro .re-lead{max-width:980px}
.re-site.gtvre-text .re-page-intro+.re-section{padding-top:clamp(44px,4.2vw,80px)}
.re-site .gtvre-text-aktualizace{margin-top:30px;font-size:calc(13px + 13*var(--fzd));font-weight:700;color:#bbb3a7}
.re-site .gtvre-text-stitky{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}

/* tělo: obsah kapitol vlevo, text uprostřed, další stránky vpravo – přes celou šířku okna */
.re-site .gtvre-text-rozlozeni{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(0,6.2fr) minmax(0,3.4fr);grid-template-areas:"obsah telo souvis";gap:clamp(36px,3.65vw,70px);align-items:start}
.re-site .gtvre-text-rozlozeni--bez-obsahu{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"telo souvis"}
.re-site .gtvre-text-obsah{grid-area:obsah;position:sticky;top:calc(var(--nav) + 62px);max-height:calc(100vh - var(--nav) - 92px);overflow-y:auto}
.re-site .gtvre-text-souvis{grid-area:souvis}
.re-site .gtvre-text-obsah .re-service-list,.re-site .gtvre-text-souvis .re-service-list{margin-top:0;border-top:1px solid var(--line)}
.re-site .gtvre-text-obsah .re-service-list a,.re-site .gtvre-text-souvis .re-service-list a{border-bottom-color:var(--line)}
.re-site .gtvre-text-obsah .re-service-list a:hover,.re-site .gtvre-text-souvis .re-service-list a:hover{color:var(--red)}
.re-site .gtvre-text-telo{grid-area:telo;max-width:none;margin:0;padding:0;min-width:0;overflow-wrap:break-word}
.re-site .gtvre-text-telo li{margin-bottom:10px}
.re-site .gtvre-text-telo li strong,.re-site .gtvre-text-telo p strong{color:var(--ink)}
.re-site .gtvre-text-telo .re-aside{margin:30px 0 0}
.re-site .gtvre-text-telo .re-aside p{font-size:inherit;line-height:1.7;margin:0}
.re-site .gtvre-text-telo .banner-container{margin:0 0 30px}
.re-site .gtvre-text-telo .banner-container img{max-width:100%;height:auto}

/* kontakt: věta na červeném poli a řádek s e-mailem v kontaktním bloku šablony */
.re-site .gtvre-text-veta{font-size:clamp(34px,3.2vw,62px);line-height:1.08;font-weight:700;letter-spacing:-.047em;max-width:760px}
.re-site .gtvre-text-veta strong{font-weight:inherit}
.re-site.gtvre-text .re-contact-right .re-address a{text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
.re-site.gtvre-text .re-contact-right .re-address a:hover{color:var(--red)}

/* Podpořte nás: náhled banneru + kód k vložení, pod nimi pás náhledů přes celou šířku */
.re-site .gtvre-podpora-rozlozeni{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(25px,2.4vw,45px);align-items:stretch}
.re-site .gtvre-podpora-nahled{aspect-ratio:16/9;background:#282827;border-radius:4px;overflow:hidden;display:grid;place-items:center}
.re-site .gtvre-podpora-nahled img{width:100%;height:100%;object-fit:contain;transition:opacity .5s}
.re-site .gtvre-podpora-kod{display:flex;flex-direction:column;gap:18px;min-width:0;padding:clamp(24px,2.2vw,42px);background:var(--paper);border:1px solid var(--line);border-radius:4px}
.re-site .gtvre-podpora-kod-text{flex:1;min-height:120px;overflow-y:auto;padding:16px;background:white;border:1px solid var(--line);font-size:calc(13px + 13*var(--fzd));line-height:1.7;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
.re-site .gtvre-podpora-kod .re-btn{align-self:flex-start}
.re-site .gtvre-podpora-hlaska{font-size:calc(13px + 13*var(--fzd));font-weight:800;color:var(--red);opacity:0;transition:opacity .3s}
.re-site .gtvre-podpora-hlaska.show{opacity:1}
.re-site .gtvre-podpora-pas{overflow:hidden;margin:clamp(34px,3vw,56px) calc(-1*var(--gutter)) 0;padding:28px 0;background:var(--paper);border-block:1px solid var(--line)}
.re-site .gtvre-podpora-pas-stopa{display:flex;width:max-content;animation:gtvre-podpora-posun 90s linear infinite}
.re-site .gtvre-podpora-pas-stopa:hover{animation-play-state:paused}
.re-site .gtvre-podpora-pas .film-strip-item{flex-shrink:0;width:clamp(160px,13vw,300px);aspect-ratio:16/9;margin:0 10px;overflow:hidden;border:2px solid transparent;border-radius:3px;background:#282827;opacity:.7;cursor:pointer;transition:opacity .18s,border-color .18s}
.re-site .gtvre-podpora-pas .film-strip-item:hover{opacity:1}
.re-site .gtvre-podpora-pas .film-strip-item.active{border-color:var(--red);opacity:1}
.re-site .gtvre-podpora-pas .film-strip-item img{width:100%;height:100%;object-fit:contain}
@keyframes gtvre-podpora-posun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
.re-site .gtvre-podpora-pas{overflow-x:auto}
.re-site .gtvre-podpora-pas-stopa{animation:none}
}

/* do 1499 px dva sloupce: obsah kapitol vlevo (drží se při posunu), text a pod ním další stránky vpravo */
@media(max-width:1499px){
.re-site .gtvre-text-rozlozeni{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"obsah telo" "obsah souvis"}
.re-site .gtvre-text-rozlozeni--bez-obsahu{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-areas:"telo souvis"}
}
@media(max-width:1023px){
.re-site .gtvre-text-rozlozeni,.re-site .gtvre-text-rozlozeni--bez-obsahu{grid-template-columns:minmax(0,1fr);grid-template-areas:"obsah" "telo" "souvis"}
.re-site .gtvre-text-rozlozeni--bez-obsahu{grid-template-areas:"telo" "souvis"}
.re-site .gtvre-text-obsah{position:static;max-height:none;overflow:visible}
.re-site .gtvre-podpora-rozlozeni{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px){
.re-site .gtvre-text-aktualizace{margin-top:24px}
.re-site .gtvre-text-stitky{margin-top:26px}
.re-site .gtvre-text-veta{font-size:calc(34px + 34*var(--fzh))}
.re-site .gtvre-podpora-kod .re-btn{align-self:stretch}
}