/* Mobile Navigation Styles */
@media (max-width: 767px) {
    .navbar-collapse {
        display: block !important;
        height: auto;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out;
        padding: 0;
        border: none;
        box-shadow: none;
    }

    .navbar-collapse.in {
        max-height: 500px; /* Adjust if menu is taller */
        border-top: 1px solid #e7e7e7;
    }
    
    .navbar-toggle {
        display: block;
    }
}