/* MOBILE HEADER FIX - Version 2 - Higher specificity */

/* Override responsive.css settings for header-top on mobile */
@media screen and (max-width: 768px) {
    /* Force compact header */
    .site-header .header-top {
        padding: 5px 0 !important;
        min-height: auto !important;
    }
    
    .site-header .header-top-content {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        align-items: center !important;
        min-height: auto !important;
    }
    
    .site-header .quick-links,
    .site-header .header-contact {
        width: auto !important;
        flex: 1 !important;
        gap: 5px !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    .site-header .quick-links {
        justify-content: flex-start !important;
    }
    
    .site-header .header-contact {
        justify-content: flex-end !important;
    }
    
    .site-header .header-top a {
        font-size: 10px !important;
        margin: 0 !important;
        padding: 3px 6px !important;
        white-space: nowrap;
    }
    
    .site-header .header-top .dashicons {
        width: 12px !important;
        height: 12px !important;
        font-size: 12px !important;
    }
    
    /* Hide welcome message on mobile */
    .site-header .welcome-message {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    .site-header .header-top {
        padding: 4px 0 !important;
    }
    
    .site-header .header-top-content {
        flex-direction: column !important;
        gap: 4px !important;
    }
    
    .site-header .quick-links,
    .site-header .header-contact {
        width: 100% !important;
        justify-content: center !important;
    }
    
    .site-header .header-top a {
        font-size: 9px !important;
        padding: 2px 4px !important;
    }
}