/*
 Theme Name:   Astra Child
 Theme URI:    http://example.com/astra-child/
 Description:  Astra Child Theme
 Author:       Beekeeper Group
 Author URI:   http://example.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  astra-child
*/

/* Hero Video Background Section */
.hero-video-bg {
    position: relative;
    overflow: hidden;
    color: #ffffff;
    width: 100vw;
    max-width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: unset !important;

    /* === FIX STARTS HERE === */
    /* Reserve space to prevent layout shift. 70vh is a good starting point. */
    min-height: 70vh;
    /* Enforce a 16:9 aspect ratio, common for video */
    aspect-ratio: 16 / 9;
    /* Ensure content inside doesn't overflow weirdly on ultra-wide screens */
    height: auto; 
    /* === FIX ENDS HERE === */
}

/* Add a dark overlay for text readability */
.hero-video-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

/* Ensure content appears above the overlay */
.hero-video-bg > .wp-block-uagb-container-inner-bundle-wrapper {
    position: relative;
    z-index: 2;
    max-width: 1200px; 
    margin-left: auto;
    margin-right: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-video-bg {
        /* On mobile, an aspect ratio can make the hero too tall. 
           Let's rely on min-height instead. */
        aspect-ratio: unset;
        min-height: 60vh;
    }
    
    .hero-video-bg .wp-block-uagb-container-inner-bundle-wrapper > .uagb-container-inner-blocks-wrap {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hero-video-bg .wp-block-uagb-container-inner-bundle-wrapper > .uagb-container-inner-blocks-wrap > *:first-child {
        margin-bottom: 2rem;
    }
}

/* Target the last post item in the Featured News block */
.uagb-block-81c9561d.is-grid .uagb-post__inner-wrap:last-child {
    border-bottom: none;
}
/* JS-based Parallax Setup - Final Version */
.js-parallax {
    /* A modest size increase to prevent edge cases without excessive zoom */
    background-size: 130% auto;
    background-position: center center;
    background-attachment: initial;
}

/* Enable native smooth scrolling */
html {
    scroll-behavior: smooth;
}