/* ============================================================
   VIRTUÁLNÍ PRŮVODCE — volitelný rozbalovací seznam (1.9.7)
   Všechno je schválně pod [data-abf-tours="collapsible"], aby se to dotklo
   JEN bloků, kde si redaktor rozbalování zapnul. Bez přepínače zůstává
   vzhled přesně takový, jaký byl do 1.9.6.
   ============================================================ */

/* Nadpis karty je v tomhle režimu tlačítko. normalize.css tlačítku nechává
   vzhled od prohlížeče (padding, rámeček, pozadí, na iOS i nativní tvar). */
[data-abf-tours="collapsible"] .prohlidka-header .prohlidka-toggle {
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

[data-abf-tours="collapsible"] .prohlidka-header .prohlidka-toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
    border-radius: 4px;
}

[data-abf-tours="collapsible"] .prohlidka-toggle-label {
    flex: 1 1 auto;
}

[data-abf-tours="collapsible"] .prohlidka-chevron {
    flex: 0 0 auto;
    display: inline-flex;
    transition: transform .2s ease;
}

[data-abf-tours="collapsible"] .prohlidka-toggle[aria-expanded="true"] .prohlidka-chevron {
    transform: rotate(180deg);
}

/* `hidden` musí přebít případné display z Webflow tříd. */
[data-abf-tours="collapsible"] .matterport-wrapper[hidden] {
    display: none !important;
}

[data-abf-tours="collapsible"] .matterport-wrapper {
    margin-top: 20px;
}

/* Sbalený seznam držíme u sebe. Bez tohohle zabírá jeden řádek 145 px:
   45 px nadpis + 50 px spodní odsazení určené pro rozbalenou prohlídku
   + 50 px mezera mezi kartami. Rozbalená karta si původní odstup vrátí. */
/* Dvojitý selektor (0,2,0) schválně: Webflow export se načítá AŽ ZA tímhle
   souborem, takže `gap` se stejnou specificitou by prohrál pořadím. */
[data-abf-tours="collapsible"].prohlidka-cards-wrapper {
    row-gap: 16px;
    column-gap: 16px;
}

[data-abf-tours="collapsible"] .prohlidka-card:not(.is-open) .prohlidka-wrapper {
    padding-bottom: 0;
}

[data-abf-tours="collapsible"] .prohlidka-card.is-open {
    margin-bottom: 34px; /* 16 px gap + 34 = původních 50 px pod rozbalenou */
}

@media (prefers-reduced-motion: reduce) {
    [data-abf-tours="collapsible"] .prohlidka-chevron {
        transition: none;
    }
}

/* ------------------------------------------------------------
   Svislé odsazení sbaleného seznamu (připomínka 23. 9.)
   ------------------------------------------------------------
   Sekce bloku nese třídu `normal-paddings-top` = 120 px nahoře (60 px do 767 px)
   a NULU dole. Rozbalené prohlídce to nevadilo: dolní vzduch dělalo
   `.prohlidka-wrapper { padding-bottom: 50px }` plus samotná výška iframů.
   Sbalený seznam ale to odsazení nemá (schválně, viz pravidlo výš), takže dole
   nezbyl žádný vzduch a nahoře ho celý spolkla navigace — je `position: fixed`
   a na desktopu měří přesně těch 120 px, které si sekce odsazuje.

   Vzduch proto dáváme samotnému seznamu, ne sekci: platí pak stejně pro blok
   pod hero sekcí i pro blok, který stojí na stránce sám. */
[data-abf-tours="collapsible"].prohlidka-cards-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* Na telefonu odsazuje sekce jen 60 px, ale navigace je fixní a měří 74 px —
   o ten rozdíl se odsazení seznamu shora ukrojí, pokud je blok na stránce
   první. Proto tady o kus víc, ať vzduch zbyde v obou případech. */
@media screen and (max-width: 767px) {
    [data-abf-tours="collapsible"].prohlidka-cards-wrapper {
        padding-top: 56px;
        padding-bottom: 56px;
    }
}