/* Sticky Navigation Bar */
.navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1030 !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* Add subtle shadow when scrolling */
.navbar.scrolled {
    box-shadow: var(--shadow-lg) !important;
    background: rgba(255, 255, 255, 0.95) !important;
}

/* Ensure content doesn't jump behind navbar */
body {
    scroll-padding-top: 80px;
}

/* Smooth transition for navbar changes */
.navbar {
    transition: all 0.3s ease !important;
}

/* Fix for mobile navbar */
@media (max-width: 768px) {
    .navbar-collapse {
        background: white;
        border-radius: var(--radius-lg);
        margin-top: 0.5rem;
        box-shadow: var(--shadow-lg);
        padding: 1rem;
    }
}

/* Animation for navbar appearing */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.navbar {
    animation: slideDown 0.3s ease-out;
}

/* Ensure dropdown menus appear above other content */
.navbar .dropdown-menu {
    z-index: 1031 !important;
}