/* Hero Slider Container */
.hero-slider {
    /* Use Grid to stack items on top of each other */
    display: grid !important;
    place-items: center;
    position: relative;
    overflow: hidden;
    /* Ensure it takes full width/height if needed */
    width: 100%;
    height: 100vh !important;
    /* Force full viewport height */
    min-height: 100vh !important;
}

/* Individual Slides (usually .wp-block-cover) */
.hero-slider>* {
    /* Place all items in the first cell (stacking them) */
    grid-area: 1 / 1;
    width: 100% !important;
    height: 100% !important;

    /* Transition setup */
    opacity: 0;
    /* Hidden by default */
    z-index: 0;
    transition: opacity 1.2s ease-in-out;
    pointer-events: none;
    /* Prevent clicks on hidden slides */
}

/* Active Slide */
.hero-slider>.active {
    opacity: 1;
    z-index: 1;
    pointer-events: auto;
}

/* Ensure content inside slides is visible/styled correctly */
.hero-slider .wp-block-cover__inner-container {
    z-index: 2;
    /* Ensure text is above background */
}

/* Ensure Header is always on top */
header {
    position: relative;
    z-index: 9999 !important;
}