/* Global Mobile Logo Fixes - Ensures logos are properly sized on all pages */

/* Mobile devices (tablets and phones) */
@media (max-width: 768px) {
    /* Fix ALL logo images in headers and footers */
    .nav-logo-img,
    .logo-bar-container img,
    .logo-container img,
    img.nav-logo-img,
    img[src*="company-logos"],
    .header-wrapper img[src*="company-logos"],
    .footer img[src*="company-logos"] {
        height: 16px !important;
        width: auto !important;
        max-width: 40px !important;
        flex: 0 0 auto !important;
    }
    
    /* Fix footer partner logos specifically */
    .partner-logo,
    .partners-logos img,
    .footer-partners img {
        height: 24px !important;
        width: auto !important;
        max-width: 60px !important;
    }
    
    /* Hide "Featured Platforms:" text on mobile */
    .logo-bar-container span[style*="text-transform"],
    .partners-container span[style*="text-transform"] {
        display: none !important;
    }
    
    /* Center and wrap logos properly */
    .logo-bar-container,
    .logo-container,
    .partners-logos {
        justify-content: center !important;
        flex-wrap: wrap !important;
        overflow: hidden !important;
        gap: 8px !important;
    }
}

/* Smaller mobile devices */
@media (max-width: 480px) {
    /* Even smaller logos for phones */
    .nav-logo-img,
    .logo-bar-container img,
    .logo-container img,
    img.nav-logo-img,
    img[src*="company-logos"],
    .header-wrapper img[src*="company-logos"],
    .footer img[src*="company-logos"] {
        height: 14px !important;
        max-width: 35px !important;
    }
    
    /* Smaller footer logos on phones */
    .partner-logo,
    .partners-logos img,
    .footer-partners img {
        height: 20px !important;
        max-width: 50px !important;
    }
    
    /* Tighter spacing on phones */
    .logo-bar-container,
    .logo-container,
    .partners-logos {
        gap: 6px !important;
    }
}