/* Cover block video with proper aspect ratio (1920 × 816 = 2.35:1) */

/* Base styles for the cover block */
.wp-block-cover {
    width: 100%;
    aspect-ratio: 2.35 / 1; /* Matches your video's 1920x816 dimensions */
    min-height: auto;
}

/* Video background styles */
.wp-block-cover__video-background {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Desktop and large screens - full aspect ratio */
@media screen and (min-width: 1200px) {
    .wp-block-cover {
        aspect-ratio: 2.35 / 1;
        min-height: 60vh; /* Fallback minimum height */
    }
}

/* Tablets - slightly taller ratio */
@media screen and (max-width: 1199px) and (min-width: 769px) {
    .wp-block-cover {
        aspect-ratio: 2 / 1;
        min-height: 50vh;
    }
}

/* Mobile landscape - wider ratio */
@media screen and (max-width: 768px) and (orientation: landscape) {
    .wp-block-cover {
        aspect-ratio: 2.35 / 1;
        min-height: 70vh;
    }
}

/* Mobile portrait - taller ratio to reduce side cropping */
@media screen and (max-width: 768px) and (orientation: portrait) {
    .wp-block-cover {
       aspect-ratio: 2.35 / 1;
        min-height: 30vh;
    }
}

/* Very small screens - still wide but not too tall */
@media screen and (max-width: 480px) {
    .wp-block-cover {
        aaspect-ratio: 2.35 / 1;
        min-height: 30vh;
    }
}