/* LOOVIE FRONTEND LUXURY NAVBAR VISIBLE V5A
   Fix: navbar tidak terlihat pada halaman selain homepage karena V5 memakai teks putih di atas background terang.
*/

body.lv5-navbar-visible-fix {
    --lv5-navbar-bg: rgba(255, 255, 255, .97);
    --lv5-navbar-text: #252525;
    --lv5-navbar-muted: rgba(37, 37, 37, .78);
    --lv5-navbar-line: #E8E2D9;
}

/* Halaman selain homepage: navbar selalu solid dan teks gelap */
body.lv5-navbar-visible-fix.lv5-inner-page .loovie-navbar,
body.lv5-navbar-visible-fix.lv5-inner-page nav.navbar,
body.lv5-navbar-visible-fix .loovie-navbar.lv5-force-solid,
body.lv5-navbar-visible-fix nav.navbar.lv5-force-solid {
    background: var(--lv5-navbar-bg) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: 0 1px 0 var(--lv5-navbar-line) !important;
    border-bottom: 1px solid var(--lv5-navbar-line) !important;
}

/* Logo dan menu pada halaman inner */
body.lv5-navbar-visible-fix.lv5-inner-page .loovie-navbar .loovie-brand,
body.lv5-navbar-visible-fix.lv5-inner-page .loovie-navbar .navbar-brand,
body.lv5-navbar-visible-fix.lv5-inner-page nav.navbar .navbar-brand,
body.lv5-navbar-visible-fix .loovie-navbar.lv5-force-solid .loovie-brand,
body.lv5-navbar-visible-fix .loovie-navbar.lv5-force-solid .navbar-brand,
body.lv5-navbar-visible-fix nav.navbar.lv5-force-solid .navbar-brand {
    color: #1D2D48 !important;
}

body.lv5-navbar-visible-fix.lv5-inner-page .loovie-navbar .nav-link,
body.lv5-navbar-visible-fix.lv5-inner-page nav.navbar .nav-link,
body.lv5-navbar-visible-fix .loovie-navbar.lv5-force-solid .nav-link,
body.lv5-navbar-visible-fix nav.navbar.lv5-force-solid .nav-link {
    color: var(--lv5-navbar-text) !important;
    opacity: 1 !important;
}

body.lv5-navbar-visible-fix.lv5-inner-page .loovie-navbar .nav-link:hover,
body.lv5-navbar-visible-fix.lv5-inner-page nav.navbar .nav-link:hover,
body.lv5-navbar-visible-fix .loovie-navbar.lv5-force-solid .nav-link:hover,
body.lv5-navbar-visible-fix nav.navbar.lv5-force-solid .nav-link:hover {
    color: #1D2D48 !important;
}

/* Button keranjang/daftar supaya tidak putih */
body.lv5-navbar-visible-fix.lv5-inner-page .loovie-navbar .btn-loovie-outline,
body.lv5-navbar-visible-fix.lv5-inner-page .loovie-navbar .btn-outline-primary,
body.lv5-navbar-visible-fix.lv5-inner-page .loovie-navbar .btn-outline-secondary,
body.lv5-navbar-visible-fix.lv5-inner-page nav.navbar .btn-outline-primary,
body.lv5-navbar-visible-fix.lv5-inner-page nav.navbar .btn-outline-secondary,
body.lv5-navbar-visible-fix .loovie-navbar.lv5-force-solid .btn-loovie-outline,
body.lv5-navbar-visible-fix .loovie-navbar.lv5-force-solid .btn-outline-primary,
body.lv5-navbar-visible-fix .loovie-navbar.lv5-force-solid .btn-outline-secondary,
body.lv5-navbar-visible-fix nav.navbar.lv5-force-solid .btn-outline-primary,
body.lv5-navbar-visible-fix nav.navbar.lv5-force-solid .btn-outline-secondary {
    color: var(--lv5-navbar-text) !important;
    border-color: var(--lv5-navbar-line) !important;
    background: rgba(255, 255, 255, .86) !important;
    opacity: 1 !important;
}

/* Icon theme/menu */
body.lv5-navbar-visible-fix.lv5-inner-page .loovie-navbar .theme-toggle,
body.lv5-navbar-visible-fix.lv5-inner-page .loovie-navbar .navbar-toggler,
body.lv5-navbar-visible-fix.lv5-inner-page nav.navbar .theme-toggle,
body.lv5-navbar-visible-fix.lv5-inner-page nav.navbar .navbar-toggler,
body.lv5-navbar-visible-fix .loovie-navbar.lv5-force-solid .theme-toggle,
body.lv5-navbar-visible-fix .loovie-navbar.lv5-force-solid .navbar-toggler {
    color: var(--lv5-navbar-text) !important;
    border-color: var(--lv5-navbar-line) !important;
}

/* Homepage tetap transparan saat di hero, tetapi begitu scroll menjadi solid */
body.lv5-navbar-visible-fix.lv5-home-page .loovie-navbar.lv5-scrolled,
body.lv5-navbar-visible-fix.lv5-home-page .loovie-navbar.scrolled,
body.lv5-navbar-visible-fix.lv5-home-page nav.navbar.lv5-scrolled,
body.lv5-navbar-visible-fix.lv5-home-page nav.navbar.scrolled {
    background: var(--lv5-navbar-bg) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: 0 1px 0 var(--lv5-navbar-line) !important;
    border-bottom: 1px solid var(--lv5-navbar-line) !important;
}

body.lv5-navbar-visible-fix.lv5-home-page .loovie-navbar.lv5-scrolled .nav-link,
body.lv5-navbar-visible-fix.lv5-home-page .loovie-navbar.scrolled .nav-link,
body.lv5-navbar-visible-fix.lv5-home-page nav.navbar.lv5-scrolled .nav-link,
body.lv5-navbar-visible-fix.lv5-home-page nav.navbar.scrolled .nav-link {
    color: var(--lv5-navbar-text) !important;
    opacity: 1 !important;
}

body.lv5-navbar-visible-fix.lv5-home-page .loovie-navbar.lv5-scrolled .loovie-brand,
body.lv5-navbar-visible-fix.lv5-home-page .loovie-navbar.scrolled .loovie-brand,
body.lv5-navbar-visible-fix.lv5-home-page .loovie-navbar.lv5-scrolled .navbar-brand,
body.lv5-navbar-visible-fix.lv5-home-page .loovie-navbar.scrolled .navbar-brand {
    color: #1D2D48 !important;
}

/* Beri jarak aman untuk halaman inner karena navbar fixed */
body.lv5-navbar-visible-fix.lv5-inner-page main {
    padding-top: 74px;
}

body.lv5-navbar-visible-fix.lv5-inner-page main > section:first-child,
body.lv5-navbar-visible-fix.lv5-inner-page main > .container:first-child {
    scroll-margin-top: 90px;
}

/* Hindari padding double pada customer dashboard layout */
body.lv5-navbar-visible-fix.lv5-inner-page.loovie-dashboard-body main,
body.lv5-navbar-visible-fix.lv5-inner-page .loovie-dashboard-content {
    padding-top: 0;
}

/* Mobile */
@media (max-width: 768px) {
    body.lv5-navbar-visible-fix.lv5-inner-page main {
        padding-top: 66px;
    }

    body.lv5-navbar-visible-fix.lv5-inner-page .loovie-navbar,
    body.lv5-navbar-visible-fix.lv5-inner-page nav.navbar {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* Dark mode compatibility */
html.dark body.lv5-navbar-visible-fix {
    --lv5-navbar-bg: rgba(11, 17, 28, .97);
    --lv5-navbar-text: #D0DCF0;
    --lv5-navbar-muted: rgba(208, 220, 240, .75);
    --lv5-navbar-line: #1C2D42;
}

html.dark body.lv5-navbar-visible-fix.lv5-inner-page .loovie-navbar .loovie-brand,
html.dark body.lv5-navbar-visible-fix.lv5-inner-page .loovie-navbar .navbar-brand,
html.dark body.lv5-navbar-visible-fix .loovie-navbar.lv5-force-solid .loovie-brand,
html.dark body.lv5-navbar-visible-fix .loovie-navbar.lv5-force-solid .navbar-brand {
    color: #D0DCF0 !important;
}