/* 1. Ensure the parent section has a specific size and positioning context */
.new_section_full_screen_height {
    height: 100vh !important; /* Force full viewport height */
    width: 100vw !important;  /* Force full viewport width */
    position: relative !important; /* Crucial for absolute positioning of the video */
    overflow: hidden !important; /* Hides parts of the video that exceed the viewport */
    padding: 0 !important; /* Remove any padding that might add space around the edges */
}

/* 2. Target the dynamically created video/iframe element */
/* Odoo typically injects an iframe or video tag inside this section */
.new_section_full_screen_height iframe,
.new_section_full_screen_height video {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* Center the video perfectly using a CSS transform trick */
    transform: translate(-50%, -50%) !important;
    
    /* Ensure the video is at least 100% of the width and height of its container */
    min-width: 100% !important;
    min-height: 100% !important;
    width: auto !important; /* Allow the browser to calculate the width based on aspect ratio */
    height: auto !important; /* Allow the browser to calculate the height based on aspect ratio */

    /* Ensure content on the page appears above the background video */
    /*z-index: -1 !important;*/
}