/* Mobile Header Styles - Always Single Line */

@media (max-width: 768px) {
    /* Force single line layout */
    .main-header {
        padding: 10px 15px !important;
        min-height: auto;
    }
    
    .nav-container {
        flex-direction: row !important;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }
    
    .nav-brand {
        flex-shrink: 0;
    }
    
    .brand-text {
        font-size: 1rem !important;
        white-space: nowrap;
    }
    
    .nav-menu {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 8px !important;
        font-size: 0.75rem;
        margin: 0;
        padding: 0;
        flex-wrap: nowrap;
    }
    
    .nav-menu li {
        margin: 0;
        white-space: nowrap;
    }
    
    .nav-menu a {
        padding: 3px 6px;
        display: inline-block;
    }
    
    .nav-download-btn {
        padding: 3px 6px !important;
        font-size: 0.75rem !important;
        white-space: nowrap;
    }
    
    /* Hide Features and Changelog on mobile to save space */
    .nav-menu li:nth-child(2),
    .nav-menu li:nth-child(3) {
        display: none;
    }
}

@media (max-width: 480px) {
    /* Even smaller screens */
    .brand-text {
        font-size: 0.9rem !important;
    }
    
    .nav-menu {
        font-size: 0.7rem !important;
        gap: 5px !important;
    }
    
    .nav-menu a,
    .nav-download-btn {
        font-size: 0.7rem !important;
        padding: 2px 5px !important;
    }
}

@media (max-width: 380px) {
    /* Ultra small - show only brand and one item */
    .brand-text {
        font-size: 0.85rem !important;
    }
    
    /* Hide all but Coming Soon */
    .nav-menu li:nth-child(1) {
        display: none;
    }
    
    .nav-download-btn {
        font-size: 0.65rem !important;
    }
}