/**
 * Mobile Navbar Auto-hide Styles
 * Smooth transition for navbar hide/show on mobile
 */

/* Navbar transition */
.navbar {
    transition: transform 0.3s ease-in-out;
}

/* Hidden state - only on mobile */
@media (max-width: 1024px) {
    .navbar.navbar-hidden {
        transform: translateY(-100%);
    }
}

/* Ensure navbar is always visible on desktop */
@media (min-width: 1025px) {
    .navbar.navbar-hidden {
        transform: translateY(0) !important;
    }
}