/* --- GLOBAL SCROLL FIX --- */
html {
    scrollbar-width: none;
}
::-webkit-scrollbar {
    display: none;
}

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* --- HEADER FIX --- */
.header {
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: transform 0.3s ease-in-out;
}

/* Topbar */
.topbar {
    background: #fff;
    transition: transform 0.3s ease-in-out;
}

/* Branding */
.branding {
    background: #fff;
    transition: transform 0.3s ease-in-out;
}

/* Hide on scroll feature */
.topbar.hide {
    transform: translateY(-100%);
}
.branding.shift-up {
    transform: translateY(-50px);
}

/* --- NAV MENU --- */

/* HANYA desktop */
@media (min-width: 992px) {
    .navmenu ul {
        display: flex;
        margin: 0;
        padding: 0;
        align-items: center;
    }
    .navmenu li {
        margin: 0 10px;
    }
}

/* MOBILE — jangan ganggu bawaan theme */
@media (max-width: 991px) {
    .navmenu ul {
        display: block !important;  /* menu drop-down */
    }
    .navmenu li {
        margin: 10px 0;
    }
    .mobile-nav-toggle {
        display: block !important;
    }
}

/* Hover CTA */
.cta-btn {
    transition: all 0.3s ease;
}
.cta-btn:hover {
    transform: scale(1.05);
}

/* Jangan override bootstrap sticky-top! */
.sticky-top {
    position: sticky;
    top: 0;
}