/* LOOVIE NAVBAR SYARAT DROPDOWN ARROW V1
   Tujuan:
   - Dropdown "Syarat Sewa" memakai icon panah ke bawah.
   - Menghapus garis bawah/dot gold yang muncul tidak rapi pada dropdown.
   - Hover dropdown disamakan dengan menu navbar lainnya.
*/

/* Pastikan item dropdown navbar punya posisi normal */
body.loovie-luxury-v5 .loovie-navbar .nav-item.dropdown > .nav-link,
body.loovie-luxury-v5 nav.navbar .nav-item.dropdown > .nav-link,
body.loovie-luxury-v5 .loovie-navbar .dropdown-toggle,
body.loovie-luxury-v5 nav.navbar .dropdown-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: .42rem !important;
    border-bottom: 0 !important;
    text-decoration: none !important;
}

/* Override pseudo-element lama yang sebelumnya menjadi garis bawah/dot */
body.loovie-luxury-v5 .loovie-navbar .nav-item.dropdown > .nav-link::after,
body.loovie-luxury-v5 nav.navbar .nav-item.dropdown > .nav-link::after,
body.loovie-luxury-v5 .loovie-navbar .dropdown-toggle::after,
body.loovie-luxury-v5 nav.navbar .dropdown-toggle::after {
    content: "" !important;
    position: static !important;
    display: inline-block !important;
    width: .44rem !important;
    height: .44rem !important;
    margin-left: .18rem !important;
    margin-top: -.18rem !important;
    border: 0 !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    border-radius: 0 !important;
    background: transparent !important;
    opacity: .9 !important;
    transform: rotate(45deg) !important;
    transition: transform .22s ease, opacity .22s ease, color .22s ease !important;
}

/* Ketika dropdown terbuka, panah mengarah ke atas */
body.loovie-luxury-v5 .loovie-navbar .dropdown-toggle[aria-expanded="true"]::after,
body.loovie-luxury-v5 nav.navbar .dropdown-toggle[aria-expanded="true"]::after,
body.loovie-luxury-v5 .loovie-navbar .nav-item.dropdown.show > .nav-link::after,
body.loovie-luxury-v5 nav.navbar .nav-item.dropdown.show > .nav-link::after {
    transform: rotate(225deg) !important;
    margin-top: .16rem !important;
}

/* Hilangkan underline model global khusus dropdown */
body.loovie-luxury-v5 .loovie-navbar .nav-item.dropdown > .nav-link:hover::after,
body.loovie-luxury-v5 .loovie-navbar .nav-item.dropdown > .nav-link.active::after,
body.loovie-luxury-v5 .loovie-navbar .navbar-nav .nav-item.dropdown.active > .nav-link::after,
body.loovie-luxury-v5 nav.navbar .nav-item.dropdown > .nav-link:hover::after,
body.loovie-luxury-v5 nav.navbar .nav-item.dropdown > .nav-link.active::after,
body.loovie-luxury-v5 nav.navbar .navbar-nav .nav-item.dropdown.active > .nav-link::after {
    width: .44rem !important;
}

/* Hover di hero navy: teks dan arrow gold, tanpa background/pill */
body.loovie-luxury-v5.lv5-home-page .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .nav-item.dropdown > .nav-link:hover,
body.loovie-luxury-v5.lv5-home-page .loovie-navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .nav-item.dropdown > .nav-link[aria-expanded="true"],
body.loovie-luxury-v5.lv5-home-page nav.navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .nav-item.dropdown > .nav-link:hover,
body.loovie-luxury-v5.lv5-home-page nav.navbar:not(.scrolled):not(.lv5-scrolled):not(.lv5-force-solid) .nav-item.dropdown > .nav-link[aria-expanded="true"] {
    color: #E4C476 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Hover pada navbar solid/inner page: tetap rapi dan konsisten */
body.loovie-luxury-v5 .loovie-navbar.scrolled .nav-item.dropdown > .nav-link:hover,
body.loovie-luxury-v5 .loovie-navbar.lv5-scrolled .nav-item.dropdown > .nav-link:hover,
body.loovie-luxury-v5 .loovie-navbar.lv5-force-solid .nav-item.dropdown > .nav-link:hover,
body.loovie-luxury-v5.lv5-inner-page .loovie-navbar .nav-item.dropdown > .nav-link:hover,
body.loovie-luxury-v5 nav.navbar.scrolled .nav-item.dropdown > .nav-link:hover,
body.loovie-luxury-v5 nav.navbar.lv5-scrolled .nav-item.dropdown > .nav-link:hover,
body.loovie-luxury-v5 nav.navbar.lv5-force-solid .nav-item.dropdown > .nav-link:hover,
body.loovie-luxury-v5.lv5-inner-page nav.navbar .nav-item.dropdown > .nav-link:hover {
    color: #1D2D48 !important;
    background: rgba(197,151,58,.10) !important;
    border-radius: 999px !important;
}

/* Jika dropdown sedang terbuka, beri state lembut */
body.loovie-luxury-v5 .loovie-navbar .nav-item.dropdown.show > .nav-link,
body.loovie-luxury-v5 .loovie-navbar .dropdown-toggle[aria-expanded="true"],
body.loovie-luxury-v5 nav.navbar .nav-item.dropdown.show > .nav-link,
body.loovie-luxury-v5 nav.navbar .dropdown-toggle[aria-expanded="true"] {
    color: #C5973A !important;
}

/* Rapikan menu dropdown */
body.loovie-luxury-v5 .loovie-navbar .dropdown-menu,
body.loovie-luxury-v5 nav.navbar .dropdown-menu {
    margin-top: .8rem !important;
    border: 1px solid rgba(232,226,217,.95) !important;
    border-radius: 14px !important;
    padding: .45rem !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 18px 48px rgba(29,45,72,.14) !important;
    min-width: 220px !important;
}

body.loovie-luxury-v5 .loovie-navbar .dropdown-item,
body.loovie-luxury-v5 nav.navbar .dropdown-item {
    border-radius: 10px !important;
    padding: .7rem .85rem !important;
    color: #252525 !important;
    font-weight: 600 !important;
    transition: background .18s ease, color .18s ease, transform .18s ease !important;
}

body.loovie-luxury-v5 .loovie-navbar .dropdown-item:hover,
body.loovie-luxury-v5 .loovie-navbar .dropdown-item:focus,
body.loovie-luxury-v5 nav.navbar .dropdown-item:hover,
body.loovie-luxury-v5 nav.navbar .dropdown-item:focus {
    background: rgba(197,151,58,.12) !important;
    color: #1D2D48 !important;
    transform: translateX(2px) !important;
}

/* Dark mode compatibility */
html.dark body.loovie-luxury-v5 .loovie-navbar .dropdown-menu,
html.dark body.loovie-luxury-v5 nav.navbar .dropdown-menu,
html[data-bs-theme="dark"] body.loovie-luxury-v5 .loovie-navbar .dropdown-menu,
html[data-bs-theme="dark"] body.loovie-luxury-v5 nav.navbar .dropdown-menu,
html.lv5d-dark body.loovie-luxury-v5 .loovie-navbar .dropdown-menu,
html.lv5d-dark body.loovie-luxury-v5 nav.navbar .dropdown-menu {
    background: rgba(22,34,50,.98) !important;
    border-color: #1C2D42 !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.35) !important;
}

html.dark body.loovie-luxury-v5 .loovie-navbar .dropdown-item,
html.dark body.loovie-luxury-v5 nav.navbar .dropdown-item,
html[data-bs-theme="dark"] body.loovie-luxury-v5 .loovie-navbar .dropdown-item,
html[data-bs-theme="dark"] body.loovie-luxury-v5 nav.navbar .dropdown-item,
html.lv5d-dark body.loovie-luxury-v5 .loovie-navbar .dropdown-item,
html.lv5d-dark body.loovie-luxury-v5 nav.navbar .dropdown-item {
    color: #D0DCF0 !important;
}

html.dark body.loovie-luxury-v5 .loovie-navbar .dropdown-item:hover,
html.dark body.loovie-luxury-v5 nav.navbar .dropdown-item:hover,
html[data-bs-theme="dark"] body.loovie-luxury-v5 .loovie-navbar .dropdown-item:hover,
html[data-bs-theme="dark"] body.loovie-luxury-v5 nav.navbar .dropdown-item:hover,
html.lv5d-dark body.loovie-luxury-v5 .loovie-navbar .dropdown-item:hover,
html.lv5d-dark body.loovie-luxury-v5 nav.navbar .dropdown-item:hover {
    background: rgba(197,151,58,.14) !important;
    color: #E4C476 !important;
}

/* Mobile dropdown tetap rapi */
@media (max-width: 991.98px) {
    body.loovie-luxury-v5 .loovie-navbar .dropdown-menu,
    body.loovie-luxury-v5 nav.navbar .dropdown-menu {
        margin-top: .35rem !important;
        box-shadow: none !important;
    }
}