/* ============================================================
   Globální odsazení sekcí — versovaná vrstva
   Načítá se AŽ ZA hlavním stylem (priorita 30 + závislost), takže
   spolehlivě přebíjí Webflow export. Nepatří do additionalStyle.css:
   ten jde přes @import bez ?ver= a uvázl by v cache (viz docs/08 §F).
   ============================================================ */

/* Boční odsazení podle Webflow: nad 1200 px ho nese .section (8 %),
   pod 1200 px .section 0 % a přebírá ho .content-container (5 %).
   Aby nové bloky lícovaly se zbytkem webu, kopírujeme to jedním tokenem.
   Ověřeno měřením: 5 % = 19 px na šířce 375 px, stejně jako původní sekce. */
@media screen and (max-width: 1200px) {
    :root { --abf-gutter: 5%; }
}

/* ── Přepínač „Bez horního odsazení" ──────────────────────────────────
   Webflow třída .normal-paddings-bottom měla jen `padding-bottom: 80px`,
   takže přepínač kromě horního odsazení ZMENŠIL i spodní (120 → 80) a na
   mobilu ho naopak zvětšil (60 → 80). Bloky ji přitom používají výhradně
   ve významu „nahoře nic, dole normálně". Srovnáváme ji tedy
   s .normal-paddings-both, jen s nulou nahoře.
   Týká se: FAQ, Přehled hal, Vše na jednom místě a původní Realizační tým. */
.section.normal-paddings-bottom {
    padding-top: 0;
    padding-bottom: 120px;
}

@media screen and (max-width: 1200px) {
    .section.normal-paddings-bottom { padding-bottom: 100px; }
}

@media screen and (max-width: 767px) {
    .section.normal-paddings-bottom { padding-bottom: 60px; }
}

/* ── Jednotný svislý rytmus nových bloků ──────────────────────────────
   Web má standard 120 px (pod 1200 px 100, pod 767 px 60) — viz Webflow
   .section.normal-paddings-both. Část nových bloků měla 60 px, takže mezery
   mezi sekcemi „poskakovaly" (hlášeno kolegy). Srovnáváme je na standard.

   Mezera MEZI sekcemi se pak řídí přepínačem „Bez horního odsazení":
     obě sekce plné      → 120 + 120 = 240 px (jako dvě samostatné sekce)
     druhá s přepínačem  → 120 +   0 = 120 px  ← běžná mezera mezi sekcemi
   Je to stejný princip, jaký používá původní web třídou .normal-paddings-top. */
:root { --abf-section-y: 120px; }

@media screen and (max-width: 1200px) { :root { --abf-section-y: 100px; } }
@media screen and (max-width: 767px)  { :root { --abf-section-y: 60px; } }

/* svislé odsazení nese vnitřní kontejner */
.wp-block-custom-reference-partneru > .rp-container,
.wp-block-custom-pronajem-sluzby > .ps-container,
.wp-block-custom-dalsi-aktuality > .da-container,
.wp-block-custom-fotogalerie-filtrace > .fgf-container {
    padding-top: var(--abf-section-y);
    padding-bottom: var(--abf-section-y);
}

/* svislé odsazení nese samotná sekce */
.wp-block-custom-rozcestnik.rc-section,
.wp-block-custom-multifunkcni-prostory.mp-section {
    padding-top: var(--abf-section-y);
    padding-bottom: var(--abf-section-y);
}

/* přepínač musí přebít i tohle → znovu, se stejnou specificitou a později */
.wp-block-custom-rozcestnik.rc-section--tight,
.wp-block-custom-multifunkcni-prostory.mp-section--tight {
    padding-top: 0;
}

/* Třídu doplňuje PHP filtr (render_block), aby se nemusel měnit save()
   statických bloků — to by invalidovalo už uložený obsah na webech flotily.
   U kontejnerových bloků nese odsazení vnitřní kontejner, u Archivu akcí
   sekce samotná (.section.normal-paddings-both → nutná stejná specificita). */
.section.abf-no-top-padding,
.abf-no-top-padding > .rp-container,
.abf-no-top-padding > .ps-container,
.abf-no-top-padding > .da-container,
.abf-no-top-padding > .fgf-container {
    padding-top: 0;
}

/* ── Blok vložený do sekce šablony ────────────────────────────────────
   Šablony typu „Ubytování"/„Textová stránka" obalují obsah vlastní sekcí
   i kontejnerem. Blok, který si přidává další sekci, tak měl odsazení
   dvakrát (naměřeno 195 px nahoře místo 120) a obsah dvakrát omezenou šířku.
   Když je blok vnořený, vlastní odsazení i omezení šířky vypustí. */
.content-container .section.wp-block-custom-block {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.content-container .section.wp-block-custom-block > .content-container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

/* ── Nadpisy sekcí nových bloků ──────────────────────────────────────
   Standard webu = .h2.capitalizied (verzálky, váha 900, pod 479 px 32 px).
   Šest bloků druhé vlny mělo jen vlastní třídu bez verzálek → nadpisy
   vypadaly menší než zbytek webu (hlášeno kolegy). Archiv, Ubytování,
   FAQ, Přehled hal i Vše na jednom místě už standard používají. */
.wp-block-custom-reference-partneru .rp-heading,
.wp-block-custom-pronajem-sluzby .ps-heading,
.wp-block-custom-rozcestnik .rc-heading,
.wp-block-custom-multifunkcni-prostory .mp-heading,
.wp-block-custom-dalsi-aktuality .da-heading,
.wp-block-custom-fotogalerie-filtrace .fgf-heading {
    text-transform: uppercase;
    font-weight: 900;
}

/* Další aktuality byly jako jediné na střed — sjednoceno vlevo. */
.wp-block-custom-dalsi-aktuality .da-heading {
    text-align: left;
}

@media screen and (max-width: 479px) {
    .wp-block-custom-reference-partneru .rp-heading,
    .wp-block-custom-pronajem-sluzby .ps-heading,
    .wp-block-custom-rozcestnik .rc-heading,
    .wp-block-custom-multifunkcni-prostory .mp-heading,
    .wp-block-custom-dalsi-aktuality .da-heading,
    .wp-block-custom-fotogalerie-filtrace .fgf-heading {
        font-size: 32px;
    }
}

/* ── Prázdné tlačítko ────────────────────────────────────────────────
   Bloky Úvod (všechny varianty) zapisují tlačítko i bez textu a odkazu —
   na stránce pak zbyl prázdný červený obdélník (hlášeno kolegy).
   :empty sedne jen na skutečně prázdný element; tlačítko s textem nebo
   ikonou zůstává. Oprava v save() by invalidovala uložený obsah. */
.wp-block-custom-block a.button:empty,
.section a.button:empty {
    display: none;
}

/* Šablona „Textová stránka" — stejný vzhled jako Ubytování (odkud vznikla kopií),
   jen s vlastní třídou, ať v markupu nezůstává matoucí stopa po ubytování. */
.section.normal-paddings-both.text-page {
    padding-top: 75px;
}

/* FAQ: mezera mezi nadpisem a otázkami. Musí být TADY (vrstva načítaná poslední),
   ne ve faq.css — blokové CSS jde v kaskádě před Webflow exportem a ten mezeru
   přebíjel zpět na nulu (známá past pořadí, viz docs/08 §F). */
.wp-block-custom-faq .faq-block {
    margin-top: 40px;
}

/* Šablona „Textová stránka": .content-container je flex column (Webflow) —
   flex položky IGNORUJÍ float (obtékané obrázky nefungovaly) a bez šířky se
   smrskávaly na obsah (nadpis 334 px, oddělovač 0 px — změřeno). Pro redakční
   text je správný obyčejný blokový tok: šířky i obtékání pak fungují samy.
   Hero sekce nahoře flex zůstává — tahle třída je jen na obsahové sekci. */
.section.text-page .content-container {
    display: block;
}

/* Prohlížečový default `figure { margin: 1em 40px }` (Webflow reset ho nechává)
   uzil tabulky a galerie o 80 px — figury lícují se sloupcem. */
.section.text-page .content-container > figure {
    margin-left: 0;
    margin-right: 0;
}

/* ── Admin bar vs. fixní navbar ────────────────────────────────────────
   WP admin bar posune obsah stránky o svou výšku (html{margin-top:32px}),
   ale fixní navbar ne — přihlášený redaktor pak vidí 32px bílý pruh mezi
   menu a hero a admin bar navíc překrývá vršek navbaru. Návštěvníka se
   netýká (bez admin baru mezera není). Výšky 32/46 px jsou dané WP. */
body.admin-bar .navbar.w-nav { top: 32px; }
@media screen and (max-width: 782px) {
    body.admin-bar .navbar.w-nav { top: 46px; }
}
