/* Fix for navbar jumping issue - keeps navbar fixed and adds body padding */
body {
    padding-top: 0 !important;
}

.navbar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    /* DO NOT set top here - let JavaScript control it for hide/show behavior */
}

/* Add padding to main content to account for fixed navbar */
main {
    padding-top: 80px;
}

/* Adjust for mobile */
@media (max-width: 991px) {
    main {
        padding-top: 70px;
    }
}