/* ==========================================================================
   Scena wideo w hero — wspolna dla szablonow:
   - "Post Video Hero" (custom-post-video-hero.hbs, klon Post Hero),
   - "Longevity Video Fullscreen" (custom-longevity-video-fullscreen.hbs,
     klon Post Fullscreen).
   Caly uklad, typografia i zachowanie headera pochodza z natywnych stylow
   Post Hero (c-post-hero-stage / c-post-hero) w hanoi.post.min.css —
   ten plik dodaje wylacznie warstwe wideo.
   ========================================================================== */

/* Ramka mediow hero: natywnie position:absolute; inset:0 (hanoi.post.min.css)
   — jest juz kotwica pozycjonowania, niczego nie nadpisujemy. */

/* Scena wideo wypelnia ramke nad zdjeciem-posterem (feature image) */
.pv-hero .pv-video-stage {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.pv-hero .pv-video-stage video.pv-hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
    margin: 0;
    max-width: none;
}

/* Tresc hero (tytul, tagi, meta) zawsze nad wideo — jak w Post Hero nad zdjeciem */
.pv-hero .c-post-hero__content {
    position: relative;
    z-index: 2;
}

/* Zanim skrypt zdecyduje (przeniesie pierwsze wideo do hero lub stwierdzi brak),
   karty wideo w tresci sa niewidoczne — bez tego pierwsza mignelaby w artykule.
   visibility (nie display) = zero skoku layoutu przy przywracaniu. */
body:not(.pv-no-video):not(.pv-video-active) [data-pv-body] .kg-video-card {
    visibility: hidden;
}
/* Po decyzji skryptu wszystko wraca do normy: przeniesiona karta juz nie
   istnieje w tresci, a pozostale karty wideo (np. druga, trzecia) sa widoczne. */
body.pv-video-active [data-pv-body] .kg-video-card,
body.pv-no-video [data-pv-body] .kg-video-card {
    visibility: visible;
}