/* LOOVIE-MOBILE-MENU-POLISH-V6
   Merapikan panel menu mobile:
   - link menu dibuat rata kiri, konsisten, dan mudah dibaca
   - action button dibuat full width, tinggi sama, dan jarak rapi
   - tombol dark mode dibuat sejajar/center sebagai tombol kecil
   - hamburger tetap terlihat top maupun scroll
   - desktop tidak diubah
*/

@media (max-width: 991.98px) {
    /* HAMBURGER selalu terlihat */
    html body.loovie-luxury-v5 .navbar-toggler,
    html body .navbar-toggler,
    html body.loovie-luxury-v5 button[data-bs-toggle="collapse"],
    html body button[data-bs-toggle="collapse"],
    html body.loovie-luxury-v5 button[aria-controls*="navbar"],
    html body button[aria-controls*="navbar"],
    html body.loovie-luxury-v5 .loovie-navbar-toggle,
    html body .loovie-navbar-toggle,
    html body.loovie-luxury-v5 .mobile-menu-toggle,
    html body .mobile-menu-toggle {
        color: #F7E7B2 !important;
        border-color: rgba(247,231,178,.56) !important;
        background: rgba(18,32,55,.84) !important;
        box-shadow:
            inset 0 0 0 1px rgba(247,231,178,.12),
            0 10px 24px rgba(0,0,0,.12) !important;
        opacity: 1 !important;
        outline: none !important;
        filter: none !important;
    }

    html body.loovie-luxury-v5 .navbar-toggler .navbar-toggler-icon,
    html body .navbar-toggler .navbar-toggler-icon,
    html body.loovie-luxury-v5 button[data-bs-toggle="collapse"] .navbar-toggler-icon,
    html body button[data-bs-toggle="collapse"] .navbar-toggler-icon {
        opacity: 1 !important;
        filter: none !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='%23F7E7B2' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.6' d='M7 9h16M7 15h16M7 21h16'/%3E%3C/svg%3E") !important;
        background-size: 1.45rem 1.45rem !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    html body.loovie-luxury-v5 .navbar-toggler span:not(.navbar-toggler-icon),
    html body .navbar-toggler span:not(.navbar-toggler-icon),
    html body.loovie-luxury-v5 .navbar-toggler .bar,
    html body .navbar-toggler .bar,
    html body.loovie-luxury-v5 .navbar-toggler .line,
    html body .navbar-toggler .line,
    html body.loovie-luxury-v5 .navbar-toggler .hamburger-line,
    html body .navbar-toggler .hamburger-line,
    html body.loovie-luxury-v5 .mobile-menu-toggle span,
    html body .mobile-menu-toggle span,
    html body.loovie-luxury-v5 .loovie-navbar-toggle span,
    html body .loovie-navbar-toggle span {
        background-color: #F7E7B2 !important;
        border-color: #F7E7B2 !important;
        color: #F7E7B2 !important;
        opacity: 1 !important;
    }

    html body.loovie-luxury-v5 .navbar-toggler svg,
    html body .navbar-toggler svg,
    html body.loovie-luxury-v5 .navbar-toggler svg *,
    html body .navbar-toggler svg *,
    html body.loovie-luxury-v5 button[data-bs-toggle="collapse"] svg,
    html body button[data-bs-toggle="collapse"] svg,
    html body.loovie-luxury-v5 button[data-bs-toggle="collapse"] svg *,
    html body button[data-bs-toggle="collapse"] svg * {
        color: #F7E7B2 !important;
        stroke: currentColor !important;
        fill: none !important;
        opacity: 1 !important;
    }

    /* PANEL */
    html body.loovie-luxury-v5 .navbar-collapse,
    html body .navbar-collapse,
    html body.loovie-luxury-v5 .navbar-collapse.show,
    html body .navbar-collapse.show,
    html body.loovie-luxury-v5 .collapse.navbar-collapse.show,
    html body .collapse.navbar-collapse.show,
    html body.loovie-luxury-v5 .navbar-collapse.collapsing,
    html body .navbar-collapse.collapsing,
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6,
    html body .loovie-mobile-menu-polish-v6 {
        color: #1E2B43 !important;
        background: rgba(255,255,255,.985) !important;
        border: 1px solid rgba(30,43,67,.08) !important;
        box-shadow: 0 24px 56px rgba(18,32,55,.18) !important;
    }

    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6,
    html body .loovie-mobile-menu-polish-v6,
    html body.loovie-luxury-v5 .navbar-collapse.show,
    html body .navbar-collapse.show {
        padding: 18px 16px !important;
    }

    /* NAV LIST: jangan ada jarak acak */
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .navbar-nav,
    html body .loovie-mobile-menu-polish-v6 .navbar-nav,
    html body.loovie-luxury-v5 .navbar-collapse.show .navbar-nav,
    html body .navbar-collapse.show .navbar-nav {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        margin: 0 0 12px 0 !important;
        padding: 0 !important;
    }

    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .nav-item,
    html body .loovie-mobile-menu-polish-v6 .nav-item,
    html body.loovie-luxury-v5 .navbar-collapse.show .nav-item,
    html body .navbar-collapse.show .nav-item {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* LINK MENU */
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .nav-link,
    html body .loovie-mobile-menu-polish-v6 .nav-link,
    html body.loovie-luxury-v5 .navbar-collapse.show .nav-link,
    html body .navbar-collapse.show .nav-link,
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 a:not(.btn):not(.dropdown-item),
    html body .loovie-mobile-menu-polish-v6 a:not(.btn):not(.dropdown-item),
    html body.loovie-luxury-v5 .navbar-collapse.show a:not(.btn):not(.dropdown-item),
    html body .navbar-collapse.show a:not(.btn):not(.dropdown-item) {
        width: 100% !important;
        min-height: 46px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        padding: 11px 14px !important;
        margin: 0 !important;
        border-radius: 14px !important;
        color: #1E2B43 !important;
        opacity: 1 !important;
        visibility: visible !important;
        text-shadow: none !important;
        font-weight: 800 !important;
        font-size: .96rem !important;
        line-height: 1.25 !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        filter: none !important;
        text-decoration: none !important;
    }

    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .nav-link:hover,
    html body .loovie-mobile-menu-polish-v6 .nav-link:hover,
    html body.loovie-luxury-v5 .navbar-collapse.show .nav-link:hover,
    html body .navbar-collapse.show .nav-link:hover,
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 a:not(.btn):not(.dropdown-item):hover,
    html body .loovie-mobile-menu-polish-v6 a:not(.btn):not(.dropdown-item):hover,
    html body.loovie-luxury-v5 .navbar-collapse.show a:not(.btn):not(.dropdown-item):hover,
    html body .navbar-collapse.show a:not(.btn):not(.dropdown-item):hover {
        color: #C5973A !important;
        background: rgba(197,151,58,.08) !important;
        border-color: rgba(197,151,58,.13) !important;
    }

    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .active,
    html body .loovie-mobile-menu-polish-v6 .active,
    html body.loovie-luxury-v5 .navbar-collapse.show .active,
    html body .navbar-collapse.show .active,
    html body.loovie-luxury-v5 .navbar-collapse.show .show > .nav-link,
    html body .navbar-collapse.show .show > .nav-link {
        color: #C5973A !important;
        background: rgba(197,151,58,.08) !important;
    }

    /* Dropdown Syarat Sewa */
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .dropdown-menu,
    html body .loovie-mobile-menu-polish-v6 .dropdown-menu,
    html body.loovie-luxury-v5 .navbar-collapse.show .dropdown-menu,
    html body .navbar-collapse.show .dropdown-menu {
        width: 100% !important;
        margin: 4px 0 8px 0 !important;
        padding: 8px !important;
        background: #FFFFFF !important;
        border: 1px solid rgba(197,151,58,.16) !important;
        border-radius: 14px !important;
        box-shadow: 0 14px 32px rgba(30,43,67,.10) !important;
    }

    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .dropdown-item,
    html body .loovie-mobile-menu-polish-v6 .dropdown-item,
    html body.loovie-luxury-v5 .navbar-collapse.show .dropdown-item,
    html body .navbar-collapse.show .dropdown-item {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        min-height: 42px !important;
        padding: 10px 12px !important;
        border-radius: 12px !important;
        color: #1E2B43 !important;
        opacity: 1 !important;
        visibility: visible !important;
        text-shadow: none !important;
        font-weight: 700 !important;
        background: transparent !important;
    }

    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .dropdown-item:hover,
    html body .loovie-mobile-menu-polish-v6 .dropdown-item:hover,
    html body.loovie-luxury-v5 .navbar-collapse.show .dropdown-item:hover,
    html body .navbar-collapse.show .dropdown-item:hover {
        color: #C5973A !important;
        background: rgba(197,151,58,.08) !important;
    }

    /* Area tombol aksi dibuat rapi */
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .btn,
    html body .loovie-mobile-menu-polish-v6 .btn,
    html body.loovie-luxury-v5 .navbar-collapse.show .btn,
    html body .navbar-collapse.show .btn,
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 a[href*="cart"],
    html body .loovie-mobile-menu-polish-v6 a[href*="cart"],
    html body.loovie-luxury-v5 .navbar-collapse.show a[href*="cart"],
    html body .navbar-collapse.show a[href*="cart"],
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 a[href*="keranjang"],
    html body .loovie-mobile-menu-polish-v6 a[href*="keranjang"],
    html body.loovie-luxury-v5 .navbar-collapse.show a[href*="keranjang"],
    html body .navbar-collapse.show a[href*="keranjang"],
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 a[href*="register"],
    html body .loovie-mobile-menu-polish-v6 a[href*="register"],
    html body.loovie-luxury-v5 .navbar-collapse.show a[href*="register"],
    html body .navbar-collapse.show a[href*="register"],
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 a[href*="login"],
    html body .loovie-mobile-menu-polish-v6 a[href*="login"],
    html body.loovie-luxury-v5 .navbar-collapse.show a[href*="login"],
    html body .navbar-collapse.show a[href*="login"] {
        width: 100% !important;
        min-height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        border-radius: 999px !important;
        margin: 5px 0 !important;
        padding: 10px 14px !important;
        font-weight: 800 !important;
        text-align: center !important;
        text-shadow: none !important;
        box-shadow: none !important;
    }

    /* Keranjang dan Daftar outline */
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .btn-outline-light,
    html body .loovie-mobile-menu-polish-v6 .btn-outline-light,
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .btn-outline-secondary,
    html body .loovie-mobile-menu-polish-v6 .btn-outline-secondary,
    html body.loovie-luxury-v5 .navbar-collapse.show .btn-outline-light,
    html body .navbar-collapse.show .btn-outline-light,
    html body.loovie-luxury-v5 .navbar-collapse.show .btn-outline-secondary,
    html body .navbar-collapse.show .btn-outline-secondary,
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 a[href*="cart"],
    html body .loovie-mobile-menu-polish-v6 a[href*="cart"],
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 a[href*="keranjang"],
    html body .loovie-mobile-menu-polish-v6 a[href*="keranjang"],
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 a[href*="register"],
    html body .loovie-mobile-menu-polish-v6 a[href*="register"],
    html body.loovie-luxury-v5 .navbar-collapse.show a[href*="cart"],
    html body .navbar-collapse.show a[href*="cart"],
    html body.loovie-luxury-v5 .navbar-collapse.show a[href*="keranjang"],
    html body .navbar-collapse.show a[href*="keranjang"],
    html body.loovie-luxury-v5 .navbar-collapse.show a[href*="register"],
    html body .navbar-collapse.show a[href*="register"] {
        color: #1E2B43 !important;
        border: 1px solid rgba(30,43,67,.18) !important;
        background: #FFFFFF !important;
    }

    /* Masuk gold */
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .btn-warning,
    html body .loovie-mobile-menu-polish-v6 .btn-warning,
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .btn-primary,
    html body .loovie-mobile-menu-polish-v6 .btn-primary,
    html body.loovie-luxury-v5 .navbar-collapse.show .btn-warning,
    html body .navbar-collapse.show .btn-warning,
    html body.loovie-luxury-v5 .navbar-collapse.show .btn-primary,
    html body .navbar-collapse.show .btn-primary,
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 a[href*="login"],
    html body .loovie-mobile-menu-polish-v6 a[href*="login"],
    html body.loovie-luxury-v5 .navbar-collapse.show a[href*="login"],
    html body .navbar-collapse.show a[href*="login"] {
        color: #FFFFFF !important;
        background: #CFA13B !important;
        border: 1px solid #CFA13B !important;
    }

    /* Dark mode button jadi kecil dan sejajar */
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 .loovie-darkmode-single-icon-v10,
    html body .loovie-mobile-menu-polish-v6 .loovie-darkmode-single-icon-v10,
    html body.loovie-luxury-v5 .navbar-collapse.show .loovie-darkmode-single-icon-v10,
    html body .navbar-collapse.show .loovie-darkmode-single-icon-v10,
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 [aria-label*="mode gelap"],
    html body .loovie-mobile-menu-polish-v6 [aria-label*="mode gelap"],
    html body.loovie-luxury-v5 .navbar-collapse.show [aria-label*="mode gelap"],
    html body .navbar-collapse.show [aria-label*="mode gelap"],
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 [aria-label*="mode terang"],
    html body .loovie-mobile-menu-polish-v6 [aria-label*="mode terang"],
    html body.loovie-luxury-v5 .navbar-collapse.show [aria-label*="mode terang"],
    html body .navbar-collapse.show [aria-label*="mode terang"] {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        flex: 0 0 52px !important;
        margin: 10px auto !important;
        color: #C5973A !important;
        background: rgba(197,151,58,.10) !important;
        border: 1px solid rgba(197,151,58,.22) !important;
        border-radius: 999px !important;
        box-shadow: none !important;
    }

    html body.loovie-luxury-v5 .navbar-collapse svg,
    html body .navbar-collapse svg,
    html body.loovie-luxury-v5 .navbar-collapse i,
    html body .navbar-collapse i {
        color: currentColor !important;
        stroke: currentColor !important;
        fill: none !important;
        opacity: 1 !important;
    }

    html body.loovie-luxury-v5 .navbar-collapse *,
    html body .navbar-collapse *,
    html body.loovie-luxury-v5 .loovie-mobile-menu-polish-v6 *,
    html body .loovie-mobile-menu-polish-v6 * {
        text-shadow: none !important;
    }
}