/* ==========================================================================
   KONTAKTY — /kontakty-2/ (page ID 960)
   ==========================================================================
   Rozpuštěno z audit-fixes.css (sekce 25) v rámci konsolidace CSS
   (viz .md/REVIZE-KONSOLIDACE-CSS-JS.md). Načítá se PODMÍNĚNĚ jen na
   kontaktní stránce: functions.php → gamin_page_scoped_styles(), is_page(960).
   Pravidla jsou beze změny přenesena 1:1 (parita), jen relokovaná.

   Tablet layout cleanup (Figma 1976:53171):
   Stránka už používá správný 32px tablet page gutter, ale vnitřní Gutenberg
   skupiny přidávají na tabletu dalších 32px → zúží form-card, blok
   „Kde nás najdete" i team grid o jeden gutter z každé strany.
   ========================================================================== */

/* CTA banner (above-footer „poradit-box") na Kontaktech SKRYT (zadání uživatele —
   na této stránce renderuje bez gradientu a je redundantní ke kontaktnímu formuláři).
   page-id-960 = CZ, page-id-19292 = SK mutace. */
body.page-id-960 .site-above-footer-wrap[data-section="section-above-footer-builder"],
body.page-id-19292 .site-above-footer-wrap[data-section="section-above-footer-builder"] {
    display: none !important;
}

/* Náhrada za skrytý CTA: obnov horní mezeru patičky (jinak sloupce nasednou
   na horní hranu tmavého pozadí a patička působí oříznutě). */
body.page-id-960 .site-primary-footer-wrap[data-section="section-primary-footer-builder"],
body.page-id-19292 .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    padding-top: var(--padding-64) !important;
}

/* Scroll-to-top tlačítko (absolute) srovnej s přidaným horním paddingem. */
body.page-id-960 .site-primary-footer-wrap .footer-scroll,
body.page-id-19292 .site-primary-footer-wrap .footer-scroll {
    top: var(--padding-64) !important;
}

@media (min-width: 768px) and (max-width: 921.98px) {
    body.page-id-960 .entry-content > .wp-block-columns:first-of-type,
    body.page-id-960 .entry-content > .wp-block-group:has(.kde-nas-najdete),
    body.page-id-960 .entry-content > .wp-block-group:has(.odbornici-grid) {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.page-id-960 .entry-content > .wp-block-group:has(.kde-nas-najdete) > .wp-block-group__inner-container,
    body.page-id-960 .entry-content > .wp-block-group:has(.odbornici-grid) > .wp-block-group__inner-container,
    body.page-id-960 .kde-nas-najdete > .wp-block-group__inner-container {
        max-width: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.page-id-960 .entry-content > .wp-block-columns:first-of-type {
        flex-direction: column !important;
        gap: 24px !important;
    }

    body.page-id-960 .entry-content > .wp-block-columns:first-of-type > .wp-block-column {
        flex-basis: auto !important;
        width: 100% !important;
        max-width: none !important;
    }

    body.page-id-960 .entry-content > .wp-block-columns:first-of-type > .wp-block-column.frame.white {
        padding: 32px !important;
        border-radius: 24px !important;
    }

    body.page-id-960 .entry-content > .wp-block-columns:first-of-type .wpcf7,
    body.page-id-960 .entry-content > .wp-block-columns:first-of-type .wpcf7-form,
    body.page-id-960 .entry-content > .wp-block-columns:first-of-type .wpcf7 input:not([type="hidden"]),
    body.page-id-960 .entry-content > .wp-block-columns:first-of-type .wpcf7 textarea,
    body.page-id-960 .entry-content > .wp-block-columns:first-of-type .wpcf7 select {
        width: 100% !important;
    }

    body.page-id-960 .kde-nas-najdete {
        width: 100% !important;
        max-width: none !important;
        padding-right: 32px !important;
        padding-left: 32px !important;
    }

    body.page-id-960 .kde-nas-najdete .wp-block-columns {
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        gap: 32px !important;
    }

    body.page-id-960 .kde-nas-najdete .wp-block-column {
        width: 100% !important;
        max-width: none !important;
    }

    body.page-id-960 .odbornici-grid:not(.odbornici-carousel) {
        width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 32px !important;
    }

    body.page-id-960 .odbornici-grid .item {
        width: 100% !important;
    }
}

/* ==========================================================================
   MOBIL (max-width: 767.98px) — Figma 1879:32798 (node „Kde nás najdete" 2194:38146)
   Stránka nemá (na rozdíl od tabletu výše) mobilní cleanup → vnořené Gutenberg
   skupiny kompovaly horizontální padding a sekce „Kde nás najdete" kolabovala na 111px.
   Cíl dle Figmy: tmavá sekce (foto+gradient) FULL-WIDTH (edge-to-edge 375), obsah
   (nadpis/adresa/mapa/hodiny) osazený 16px (mapa 343), foto jako HORNÍ BANNER
   (background-size 100% auto), NE roztažené na celou výšku sekce (base .fade-box=cover).
   ========================================================================== */
@media (max-width: 767.98px) {
    /* K3: page gutter 20 → 16 (ostatní sekce; obsah 335 → 343 dle Figmy) */
    body.page-id-960 .ast-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* K4: úvodní blok (nadpis + kontakty + formulář). Obecné responsive.css
       `#main .wp-block-columns{padding:0 16px}` @≤921 přidávalo sloupcům dalších 16px
       → obsah na L32, ale nadpis (sourozenec) na L16. Nulujeme boční padding, aby
       obsah lícoval svisle s nadpisem (Figma 1879:32798: vše na 16px gutteru). */
    body.page-id-960 .entry-content > .wp-block-columns:first-of-type {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Vnořené inner-containery: nulový padding (veškerý spacing řídí .kde-nas-najdete
       + .wp-block-columns dle Figmy). */
    body.page-id-960 .entry-content > .wp-block-group:has(.kde-nas-najdete) > .wp-block-group__inner-container,
    body.page-id-960 .kde-nas-najdete > .wp-block-group__inner-container {
        max-width: none !important;
        padding: 0 !important;
    }

    /* Vnější sekce vertikální padding 32 (Figma 2194:38146 py-32 = --mobile/section-m;
       base .wp-block-group.pt-64/pb-64 = 64). */
    body.page-id-960 .entry-content > .wp-block-group:has(.kde-nas-najdete) {
        max-width: none !important;
        padding: 32px 0 !important;
    }

    /* (1) Celá tmavá sekce FULL-WIDTH (full-bleed přes 16px .ast-container gutter).
       (3) Foto jako horní banner místo full-height cover: 100% šířka / auto výška,
       pod bannerem tmavé pozadí #022930 (nad ním fade gradient z .fade-box::before). */
    body.page-id-960 .kde-nas-najdete {
        margin-left: -16px !important;
        margin-right: -16px !important;
        width: calc(100% + 32px) !important;
        max-width: none !important;
        padding: 0 !important;
        border-radius: var(--radius-l, 24px) !important;
        overflow: hidden !important; /* clip content dle Figmy (radius ořízne banner) */
        background-color: var(--background-dark, #022930) !important;
        /* Figma 2194:38146 dev CSS: obraz jako horní banner (crop), NE full-height cover:
           url(...) -191.228px 0px / 202.728% 56.118% no-repeat */
        background-size: 202.728% 56.118% !important;
        background-position: -191.228px 0px !important;
        background-repeat: no-repeat !important;
    }
    body.page-id-960 .kde-nas-najdete::before {
        /* Figma gradient: tmavá už v 35 % (base .fade-box::before = 59.77 %) */
        background: linear-gradient(180deg, rgba(2, 41, 48, 0) 0%, rgba(2, 41, 48, 0.9) 35%) !important;
        border-radius: var(--radius-l, 24px) !important;
    }

    /* Figma Content (1976:53140): pt-288 (prostor pro foto banner), pb-32, px-16,
       gap-32 (--mobile/section-m). Sloupce stacked full-width (mapa 343 = inset 16). */
    body.page-id-960 .kde-nas-najdete .wp-block-columns {
        width: 100% !important;
        flex-direction: column !important;
        padding: 288px 16px 32px !important;
        gap: 32px !important;
    }

    /* Figma mapa (1976:53165): výška 276, radius-s 12. */
    body.page-id-960 .kde-nas-najdete .leaflet-container {
        height: 276px !important;
        border-radius: var(--radius-s, 12px) !important;
    }

    body.page-id-960 .kde-nas-najdete .wp-block-column {
        width: 100% !important;
        max-width: none !important;
        flex-basis: auto !important;
    }

    /* TÝM „Lidé gaminu" (.odbornici-grid) — stejný kompovaný padding jako mapa:
       section group 16 + .wp-block-group__inner-container 32 = dvojitý gutter → karty
       247/přetékají (grid-template-columns 300px fixní). Figma 1914:27950: karty w343
       (jeden 16 gutter z .ast-container), 1 sloupec stacked, gap 16. */
    body.page-id-960 .entry-content > .wp-block-group:has(.odbornici-grid),
    body.page-id-960 .entry-content > .wp-block-group:has(.odbornici-grid) > .wp-block-group__inner-container {
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.page-id-960 .odbornici-grid:not(.odbornici-carousel) {
        width: 100% !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    body.page-id-960 .odbornici-grid .item {
        width: 100% !important;
        max-width: none !important;
    }
}