/* Mobile fixes for Taska Certificate System 
 * This stylesheet adds specific mobile fixes to ensure proper display
 * on smaller screens, particularly for the company name next to logo
 */

/* Mobile specific overrides */
@media (max-width: 576px) {
    /* Always display company name on mobile */
    .navbar-brand .company-name {
        display: inline-block !important;
        font-size: 0.9rem;
        max-width: 170px;
        margin-left: 10px;
    }
    
    /* Make logo smaller on mobile for better spacing */
    .navbar-brand img {
        height: 30px;
    }
    
    /* Navbar brand container needs proper display */
    .navbar-brand {
        display: flex !important;
        align-items: center;
        margin-right: 0;
        max-width: 80%;
    }
}