/* Mobile Fix v2 - Correcting hamburger and logo issues */

/* Fix hamburger menu lines */
.mobile-menu-toggle span {
    display: block !important;
    width: 25px;
    height: 2px;
    background-color: #ffffff;
    margin: 5px 0;
    transition: 0.3s;
}

/* Ensure all three lines show */
.mobile-menu-toggle {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 10px;
    display: none; /* Hidden by default on desktop */
}

/* Show hamburger on mobile */
@media (max-width: 768px) {
    .mobile-menu-toggle {
        display: block !important;
        position: relative;
        z-index: 1001;
    }
    
    /* Keep company name visible on tablets */
    .nav-logo-text {
        display: inline-block !important;
        font-size: 0.9rem;
    }
    
    /* Only hide company name on very small screens */
    @media (max-width: 400px) {
        .nav-logo-text {
            display: none !important;
        }
    }
    
    /* Fix nav menu positioning */
    .nav-menu {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        background: #0f172a;
        flex-direction: column;
        padding: 1rem;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    
    .nav-menu.active {
        display: flex !important;
    }
}