/* ===== Navbar (menempel di atas, jadi solid saat di-scroll) ===== */
.navbar {
    position: fixed; top: 0; left: 0; right: 0; z-index: 30;
    padding: .5rem 0; min-height: var(--nav-h);
    transition: background-color .25s ease, box-shadow .25s ease;
}
.navbar.scrolled, .navbar.menu-open {
    background: rgba(243, 236, 224, .94);
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    box-shadow: 0 2px 14px rgba(74, 44, 23, .10);
}
.navbar.menu-open { background: rgb(243, 236, 224); }   /* panel menu HP solid, tidak tembus */
.navbar .brand { color: var(--brown); font-size: 1.5rem; text-decoration: none; font-weight: 700; }
.navbar .nav-link { color: var(--brown); opacity: .85; font-weight: 500; }
.navbar .nav-link:hover { opacity: 1; color: var(--gold-dark); }
.navbar-toggler { padding: .5rem; }
.navbar-toggler:focus { box-shadow: 0 0 0 .2rem rgba(184, 151, 90, .45); }
@media (max-width: 767.98px) {
    .navbar-collapse { padding: .25rem 0 .75rem; }
    .navbar .nav-link { padding: .8rem .25rem; font-size: 1.02rem; border-top: 1px solid rgba(74, 44, 23, .10); }
}