/* ========================================
   NAVBAR POSITION FIX
   ======================================== */

/* Add body padding to account for fixed navbar */
body {
    padding-top: 70px; /* Match navbar height */
}

/* Adjust for mobile devices */
@media (max-width: 768px) {
    body {
        padding-top: 60px; /* Match mobile navbar height */
    }
}

@media (max-width: 360px) {
    body {
        padding-top: 55px; /* Match extra small mobile navbar height */
    }
}

/* Ensure navbar stays on top */
.modern-navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1050 !important;
    width: 100% !important;
    max-width: 100vw !important;
}

/* Fix any content that might overlap */
.main-content,
#main-content,
main {
    position: relative;
    z-index: 1;
}

/* Ensure mobile menu positioning is correct */
.navbar-menu-mobile {
    position: fixed !important;
    z-index: 1049 !important; /* Just below navbar */
}

.mobile-menu-overlay {
    position: fixed !important;
    z-index: 1048 !important; /* Below mobile menu */
}

/* Bottom nav z-index adjustment */
.bottom-nav {
    z-index: 1051 !important; /* Above navbar */
}