/* LOOVIE HOMEPAGE HERO IMAGE LAYER FIX V1B
   Masalah:
   .lv5-hero-fallback menutup gambar hero custom dari Admin > Pengaturan.
   Perbaikan:
   fallback dijadikan layer paling belakang, hero photo/gambar di atasnya.
*/

body.loovie-luxury-v5 .lv5-hero-visual {
    position: relative !important;
}

body.loovie-luxury-v5 .lv5-hero-fallback {
    z-index: 0 !important;
    pointer-events: none !important;
}

body.loovie-luxury-v5 .lv5-hero-photo {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100vh !important;
    display: block !important;
}

body.loovie-luxury-v5 .lv5-hero-photo img,
body.loovie-luxury-v5 .lv5-hero-photo .loovie-public-product-image,
body.loovie-luxury-v5 .lv5-hero-photo .loovie-public-product-photo-empty {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
}

body.loovie-luxury-v5 .lv5-hero-badge,
body.loovie-luxury-v5 .lv5-rating-badge {
    z-index: 5 !important;
}

/* Saat gambar hero admin ada, fallback boleh tetap menjadi warna cadangan di belakang gambar */
body.loovie-luxury-v5 .lv5-hero-photo img[src*="loovie-uploads/homepage-hero"] {
    width: 100% !important;
    height: 100% !important;
    min-height: 100vh !important;
    object-fit: cover !important;
}

/* Mobile mengikuti tinggi V5 agar tidak memaksa 100vh */
@media (max-width: 900px) {
    body.loovie-luxury-v5 .lv5-hero-photo {
        min-height: 420px !important;
        height: 420px !important;
    }

    body.loovie-luxury-v5 .lv5-hero-photo img,
    body.loovie-luxury-v5 .lv5-hero-photo .loovie-public-product-image,
    body.loovie-luxury-v5 .lv5-hero-photo .loovie-public-product-photo-empty {
        min-height: 420px !important;
        height: 420px !important;
    }
}