/* ===== Video pozadí ===== */

#bg-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index: 1;
}

/* vypneme statický bg.jpg, video ho nahrazuje;
   #bg:before (gradient + overlay.png) zůstává jako filtr nad videem */
#bg:after {
    background-image: none;
}

/* stejné blur/scale efekty jako má #bg:after při otevření článku */
#bg-video {
    -moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out;
    -webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out;
    transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out;
}

body.is-article-visible #bg-video {
    -moz-transform: scale(1.0825);
    -webkit-transform: scale(1.0825);
    -ms-transform: scale(1.0825);
    transform: scale(1.0825);
    -moz-filter: blur(0.2rem);
    -webkit-filter: blur(0.2rem);
    filter: blur(0.2rem);
}

body.is-loading #bg-video {
    opacity: 0;
}

/* na mobilech video vypneme (šetří data) a vrátíme statický obrázek */
@media screen and (max-width: 736px) {
    #bg-video { display: none; }
    #bg:after {
        background-image: url("../../images/bg.jpg");
    }
}

/* respekt k uživatelům preferujícím omezený pohyb */
@media (prefers-reduced-motion: reduce) {
    #bg-video { display: none; }
    #bg:after {
        background-image: url("../../images/bg.jpg");
    }
}