/* Mobile navbar optimizations */

/* Make sure navbar items align properly */
@media (max-width: 767.98px) {
    .navbar {
        padding: 0.5rem;
    }
    
    .navbar-brand {
        margin-right: 0.5rem;
    }
    
    /* Ensure the search and toggler stay together */
    .navbar .ms-auto {
        flex-wrap: nowrap;
    }
    
    /* Make search input smaller on very small screens */
    @media (max-width: 375px) {
        .navbar .d-md-none .input-group {
            max-width: 120px;
        }
    }
}

/* Ensure the navbar brand icon is always visible and properly sized */
.navbar-brand img, 
.navbar-brand i {
    height: 24px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}