/* Custom CSS for responsive fixes */

/* Adjust logo size for very small devices (below 370px) */
@media (max-width: 370px) {
    .navbar-brand img {
        height: 30px !important; /* Reduce from 40px to 30px */
    }
    
    /* Ensure the navbar toggler stays on the same line */
    .navbar {
        flex-wrap: nowrap !important;
    }
    
    /* Reduce padding on navbar for very small screens */
    .navbar.navbar-expand-lg {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* Adjust spacing between logo and hamburger menu */
    .navbar-brand {
        margin-right: 0.5rem !important;
    }
    
    /* Make hamburger menu button smaller */
    .navbar-toggler {
        padding: 0.2rem 0.4rem !important;
        font-size: 0.9rem !important;
    }
}