/* =====================================
   HERO OVERLAY – CONTENT ABOVE SHADOW
   ===================================== */

/* Slide creates its own stacking context */
.hero-slide-overlay {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    /* critical */
}

/* Background image */
.hero-slide-overlay .lazy-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Remove any theme overlay */
.hero-slide-overlay .lazy-bg::before,
.hero-slide-overlay .lazy-bg::after,
.hero-slide-overlay .bg-overlay::before,
.hero-slide-overlay .bg-overlay::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
}

/* Shadow / overlay ONLY on image */
.hero-slide-overlay .mobile-img-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    /* BELOW content */
    background: rgba(0, 0, 0, 0.65);
    pointer-events: none;
    display: none;
}

/* CONTENT & BUTTON – ALWAYS TOP */
.hero-slide-overlay .container,
.hero-slide-overlay .hero-content,
.hero-slide-overlay .hero-content * {
    position: relative;
    z-index: 10 !important;
}

/* ===== MOBILE ONLY ===== */
@media (max-width: 767px) {

    .hero-slide-overlay .mobile-img-overlay {
        display: block;
    }

    .hero-slide-overlay h1,
    .hero-slide-overlay p {
        color: #ffffff !important;
    }

    .hero-slide-overlay .btn {
        z-index: 15 !important;
    }
}