/**
 * Hero Video Section
 * Da Vinci Brautmoden
 * Loaded: Homepage only
 */

#frontpage-hero-container {
    height: 100vh;
    width: 100%;
}

/* Base styles - initial state handled by inline PHP CSS */
#hero-image-section {
    width: 100%;
    height: 100%;
    transition: opacity var(--transition-slow);
}

#frontpage-hero-container .hero-video-section {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: opacity var(--transition-slow);
}

/* When video will play - show video section */
#frontpage-hero-container.show-video .hero-video-section {
    opacity: 1 !important;
}

/* Hide image when video plays */
#frontpage-hero-container.show-video #hero-image-section {
    opacity: 0 !important;
    transition: none;
}

/* Video fade out after ending */
#frontpage-hero-container .hero-video-section.fade-out {
    opacity: 0 !important;
}

/* Show image after video ends */
#frontpage-hero-container .hero-video-section.fade-out ~ #hero-image-section {
    opacity: 1 !important;
}

/* Elementor video wrapper */
#frontpage-hero-container .e-hosted-video.elementor-wrapper {
    aspect-ratio: unset;
    height: 100%;
    width: 100%;
}

/* Video element */
#frontpage-hero-container .elementor-video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
}