/* LOOVIE FRONTEND LUXURY HERO CONTRAST V5B
   Fix khusus homepage saat posisi scroll paling atas:
   - logo hitam Loovie Rent dibuat putih/invert agar terlihat di background navy
   - tombol/teks "Cara Sewa" di hero dibuat terang
   - tombol outline navbar pada hero dibuat tetap terbaca
*/

/* Homepage top hero: logo image hitam -> putih */
body.loovie-luxury-v5.lv5-home-page:not(.lv5-inner-page) .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .loovie-brand img,
body.loovie-luxury-v5.lv5-home-page:not(.lv5-inner-page) .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .navbar-brand img,
body.loovie-luxury-v5.lv5-home-page:not(.lv5-inner-page) nav.navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .navbar-brand img {
    filter: brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0,0,0,.24)) !important;
    opacity: .96 !important;
}

/* Jika logo memakai teks, bukan image */
body.loovie-luxury-v5.lv5-home-page:not(.lv5-inner-page) .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .loovie-brand,
body.loovie-luxury-v5.lv5-home-page:not(.lv5-inner-page) .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .navbar-brand,
body.loovie-luxury-v5.lv5-home-page:not(.lv5-inner-page) nav.navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .navbar-brand {
    color: #fff !important;
    opacity: .96 !important;
}

/* Saat sudah scroll / solid, logo kembali normal */
body.loovie-luxury-v5 .loovie-navbar.scrolled .loovie-brand img,
body.loovie-luxury-v5 .loovie-navbar.lv5-scrolled .loovie-brand img,
body.loovie-luxury-v5 .loovie-navbar.lv5-force-solid .loovie-brand img,
body.loovie-luxury-v5 .loovie-navbar.scrolled .navbar-brand img,
body.loovie-luxury-v5 .loovie-navbar.lv5-scrolled .navbar-brand img,
body.loovie-luxury-v5 .loovie-navbar.lv5-force-solid .navbar-brand img,
body.loovie-luxury-v5 nav.navbar.scrolled .navbar-brand img,
body.loovie-luxury-v5 nav.navbar.lv5-scrolled .navbar-brand img,
body.loovie-luxury-v5 nav.navbar.lv5-force-solid .navbar-brand img {
    filter: drop-shadow(0 8px 16px rgba(29,45,72,.12)) !important;
    opacity: 1 !important;
}

/* Navbar link saat hero atas: pastikan putih jelas */
body.loovie-luxury-v5.lv5-home-page .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .nav-link,
body.loovie-luxury-v5.lv5-home-page nav.navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .nav-link {
    color: rgba(255,255,255,.88) !important;
    opacity: 1 !important;
    text-shadow: 0 1px 10px rgba(0,0,0,.18);
}

body.loovie-luxury-v5.lv5-home-page .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .nav-link:hover,
body.loovie-luxury-v5.lv5-home-page nav.navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .nav-link:hover {
    color: #fff !important;
}

/* Tombol outline navbar di atas hero */
body.loovie-luxury-v5.lv5-home-page .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .btn-loovie-outline,
body.loovie-luxury-v5.lv5-home-page .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .btn-outline-primary,
body.loovie-luxury-v5.lv5-home-page .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .btn-outline-secondary,
body.loovie-luxury-v5.lv5-home-page nav.navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .btn-outline-primary,
body.loovie-luxury-v5.lv5-home-page nav.navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .btn-outline-secondary {
    color: rgba(255,255,255,.90) !important;
    border-color: rgba(255,255,255,.32) !important;
    background: rgba(255,255,255,.06) !important;
}

body.loovie-luxury-v5.lv5-home-page .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .btn-loovie-outline:hover,
body.loovie-luxury-v5.lv5-home-page .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .btn-outline-primary:hover,
body.loovie-luxury-v5.lv5-home-page .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .btn-outline-secondary:hover {
    color: #fff !important;
    border-color: rgba(255,255,255,.62) !important;
    background: rgba(255,255,255,.10) !important;
}

/* Theme toggle dan icon lain pada hero */
body.loovie-luxury-v5.lv5-home-page .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .theme-toggle,
body.loovie-luxury-v5.lv5-home-page nav.navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .theme-toggle,
body.loovie-luxury-v5.lv5-home-page .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .navbar-toggler {
    color: rgba(255,255,255,.90) !important;
    border-color: rgba(255,255,255,.30) !important;
}

/* Hero button "Cara Sewa" yang sebelumnya gelap */
body.loovie-luxury-v5 .lv5-hero .btn-loovie-outline,
body.loovie-luxury-v5 .lv5-hero .btn-outline-primary,
body.loovie-luxury-v5 .lv5-hero .btn-outline-secondary,
body.loovie-luxury-v5 .lv5-hero .btn-outline {
    color: rgba(255,255,255,.90) !important;
    border-color: rgba(255,255,255,.48) !important;
    background: transparent !important;
}

body.loovie-luxury-v5 .lv5-hero .btn-loovie-outline:hover,
body.loovie-luxury-v5 .lv5-hero .btn-outline-primary:hover,
body.loovie-luxury-v5 .lv5-hero .btn-outline-secondary:hover,
body.loovie-luxury-v5 .lv5-hero .btn-outline:hover {
    color: #fff !important;
    border-color: rgba(255,255,255,.76) !important;
    background: rgba(255,255,255,.08) !important;
}

/* Hero title spacing sedikit turun agar tidak ketutup navbar */
body.loovie-luxury-v5 .lv5-hero-content {
    padding-top: 150px !important;
}

/* Mobile: tetap aman */
@media (max-width: 900px) {
    body.loovie-luxury-v5 .lv5-hero-content {
        padding-top: 130px !important;
    }
}