/**
 * wh_iframemap — sekcje z osadzonym iframe (np. mapa).
 *
 * Wymiary sekcji sa per rekord i przychodza jako zmienne z tpl:
 *   --wh-iframemap-max-height  (zawsze)
 *   --wh-iframemap-max-width   (tylko gdy admin ustawil limit)
 *
 * Zero wartosci brandowych — kolory/odstepy przez var(--wh-*).
 */

.wh-iframemap {
    margin-top: var(--wh-iframemap-margin, 0);
    margin-bottom: var(--wh-iframemap-margin, 0);
}

.wh-iframemap__inner {
    max-width: var(--wh-iframemap-max-width, none);
    margin-left: auto;
    margin-right: auto;
    line-height: 0; /* zero szpary pod iframe (inline baseline) */
}

/* Iframe wypelnia sekcje. height ustawia max-height sekcji — Google Maps daje
   wlasne width/height w atrybutach, wiec musimy je przebic. */
.wh-iframemap__inner iframe {
    display: block;
    width: 100%;
    height: var(--wh-iframemap-max-height, 60rem);
    max-height: var(--wh-iframemap-max-height, 60rem);
    border: 0;
}

/* --- Sekcja na CALA szerokosc ekranu (full-bleed) ---
   NIE ustawiamy width: 100vw — 100vw wlicza szerokosc scrollbara, wiec element
   jest szerszy niz widoczny obszar i robi poziomy scroll (do 1.2.0 modul mial
   dokladnie ten blad: left:50% + width:100vw + margin-left:-50vw).
   Zamiast tego: width zostaje AUTO (rozciaga sie na szerokosc rodzica), a
   symetryczne ujemne marginy calc(50% - 50vw) rozpychaja go do krawedzi.
   50% liczone jest od RODZICA, wiec margin konczy sie dokladnie na krawedzi
   viewportu bez wliczania scrollbara — zero nadmiaru, zero scrolla.
   overflow-x: clip jako bezpiecznik (clip nie tworzy kontekstu przewijania,
   wiec nie psuje position: sticky w motywie). */
.wh-iframemap--full {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow-x: clip;
}

/* Gdy hook osadza sekcje w kontenerze flex (np. kolumny stopki), domyslny
   flex-shrink scisnalby ja do zawartosci. Bez tego full-bleed dziala tylko na
   blokowych hookach (displayHome itp.). */
.wh-iframemap--full {
    align-self: stretch;
    flex-shrink: 0;
}

/* Full-bleed = iframe ma isc od krawedzi do krawedzi, chyba ze admin ograniczyl
   szerokosc (wtedy inner centruje sie sam przez margin auto). */
.wh-iframemap--full .wh-iframemap__inner {
    max-width: var(--wh-iframemap-max-width, none);
}