/* ============================================
   MOBILE LOGO SIZE OVERRIDE
   Forces larger logo on mobile devices
   ============================================ */

/* Mobile - Force larger logo */
@media screen and (max-width: 768px) {
    /* Target all possible logo image selectors */
    .header-main .site-logo img,
    .header-main .site-logo a img,
    .header-main .site-logo .custom-logo-link img,
    .header-main .site-logo .site-logo-img,
    .site-header .site-logo img,
    .site-header .site-logo a img,
    .site-header .site-logo .custom-logo-link img,
    .site-header .site-logo .site-logo-img,
    img.custom-logo,
    .custom-logo-link img,
    .site-logo-img {
        height: 60px !important;
        max-height: 60px !important;
        max-width: 220px !important;
        width: auto !important;
        min-height: 60px !important;
    }
    
    .header-main .site-logo,
    .site-header .site-logo {
        max-width: 220px !important;
        width: auto !important;
    }
}

/* Small Mobile - Slightly smaller but still visible */
@media screen and (max-width: 480px) {
    .header-main .site-logo img,
    .header-main .site-logo a img,
    .header-main .site-logo .custom-logo-link img,
    .header-main .site-logo .site-logo-img,
    .site-header .site-logo img,
    .site-header .site-logo a img,
    .site-header .site-logo .custom-logo-link img,
    .site-header .site-logo .site-logo-img,
    img.custom-logo,
    .custom-logo-link img,
    .site-logo-img {
        height: 55px !important;
        max-height: 55px !important;
        max-width: 200px !important;
        width: auto !important;
        min-height: 55px !important;
    }
    
    .header-main .site-logo,
    .site-header .site-logo {
        max-width: 200px !important;
        width: auto !important;
    }
}