/* =====================================================
   FORCE HERO DESKTOP - DESA BAJUH
   Memperbaiki hero kosong/hijau karena CSS lama bentrok
===================================================== */

@media (min-width: 769px) {
    #heroSlider,
    .hero-slider {
        position: relative !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        background: #064e3b !important;
        overflow: hidden !important;
    }

    #heroSlider .hero-slide,
    .hero-slider .hero-slide {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    #heroSlider .hero-slide.active,
    .hero-slider .hero-slide.active {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 10 !important;
    }

    #heroSlider .hero-slide:not(.active),
    .hero-slider .hero-slide:not(.active) {
        opacity: 0 !important;
        visibility: hidden !important;
        z-index: 1 !important;
    }

    #heroSlider .hero-content,
    .hero-slider .hero-content {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: relative !important;
        z-index: 30 !important;
        transform: none !important;
        pointer-events: none !important;
    }

    #heroSlider .hero-badge,
    #heroSlider .hero-title,
    #heroSlider .hero-desc,
    .hero-slider .hero-badge,
    .hero-slider .hero-title,
    .hero-slider .hero-desc {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #heroSlider .hero-title,
    .hero-slider .hero-title {
        color: #ffffff !important;
        text-shadow: 0 12px 28px rgba(0,0,0,.35) !important;
    }

    #heroSlider .hero-desc,
    .hero-slider .hero-desc {
        color: rgba(255,255,255,.96) !important;
        text-shadow: 0 6px 16px rgba(0,0,0,.28) !important;
    }

    #heroSlider .hero-slide::before,
    .hero-slider .hero-slide::before {
        display: block !important;
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        background:
            linear-gradient(90deg, rgba(5,46,29,.76), rgba(5,46,29,.52), rgba(5,46,29,.18)),
            linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.24)) !important;
        pointer-events: none !important;
    }

    #heroSlider .hero-fixed-content,
    .hero-slider .hero-fixed-content {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    #heroSlider .hero-nav,
    #heroSlider .hero-dots,
    .hero-slider .hero-nav,
    .hero-slider .hero-dots {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 100 !important;
    }
}

/* statistik kunjungan jangan tampil di mobile */
@media (max-width: 768px) {
    .desa-visit-widget,
    #desaVisitWidget {
        display: none !important;
    }
}