/* Logo Size Improvements for Better Visual Appeal - Version 2.0 */

/* Admin and Vendor Login Page Logo Improvements */
.auth-wrapper-left .auth-left-cont a img {
    width: auto !important;
    max-width: 400px !important;
    height: auto !important;
    max-height: 120px !important;
    object-fit: contain;
}

/* Mobile responsive logo for login pages */
.auth-wrapper-right .d-block.d-lg-none a img {
    width: auto !important;
    max-width: 200px !important;
    height: auto !important;
    max-height: 80px !important;
    object-fit: contain;
}

/* Header logo improvements */
.navbar-brand img {
    height: auto !important;
    max-height: 80px !important;
    width: auto !important;
    max-width: 250px !important;
    object-fit: contain;
}

/* Website header logo specific improvements */
.header .logo img,
.header-middle .logo img {
    height: auto !important;
    max-height: 85px !important;
    width: auto !important;
    max-width: 280px !important;
    object-fit: contain;
}

/* Footer logo improvements */
.footer-web-logo img,
.footer .max-height-45px {
    height: auto !important;
    max-height: 60px !important;
    width: auto !important;
    max-width: 200px !important;
    object-fit: contain;
}

/* Theme Aster specific improvements - High Priority */
body .h-45, 
body .svg.h-45, 
body .dark-support.svg.h-45,
body img.h-45,
body img.svg.h-45,
body img.dark-support.svg.h-45 {
    height: 75px !important;
    width: auto !important;
    max-width: 280px !important;
    object-fit: contain;
}

/* Additional Theme Aster header logo targeting - High Priority */
body .header-middle .logo img.dark-support.svg.h-45,
body .header .logo img.dark-support.svg.h-45,
body .header-middle .logo img,
body .header .logo img,
body .logo img,
body img.dark-support.svg.h-45 {
    height: 75px !important;
    width: auto !important;
    max-width: 280px !important;
    object-fit: contain;
}

/* Mobile logo for Theme Aster - High Priority */
body .mobile-logo-cs,
body img.mobile-logo-cs {
    height: auto !important;
    max-height: 80px !important;
    width: auto !important;
    max-width: 250px !important;
    object-fit: contain;
}

/* Mobile logo in nav-wrapper - High Priority */
body .nav-wrapper .d-xl-none .logo img,
body .nav-wrapper .mobile-logo-cs,
body .nav-wrapper img,
body .d-xl-none .logo img {
    height: auto !important;
    max-height: 80px !important;
    width: auto !important;
    max-width: 250px !important;
    object-fit: contain;
}

/* Vendor header logo improvements */
.navbar-brand-logo {
    width: auto !important;
    min-width: auto !important;
    max-width: 180px !important;
    height: auto !important;
    max-height: 50px !important;
    object-fit: contain;
}

.navbar-brand-logo-mini {
    width: auto !important;
    max-width: 60px !important;
    height: auto !important;
    max-height: 40px !important;
    object-fit: contain;
}

/* Ensure logos are responsive and look good on all devices */
@media (max-width: 768px) {
    .auth-wrapper-left .auth-left-cont a img {
        max-width: 300px !important;
        max-height: 100px !important;
    }
    
    .navbar-brand img,
    .header .logo img,
    .header-middle .logo img {
        max-height: 65px !important;
        max-width: 200px !important;
    }
    
    .h-45, .svg.h-45, .dark-support.svg.h-45,
    .header-middle .logo img.dark-support.svg.h-45,
    .header .logo img.dark-support.svg.h-45,
    img.dark-support.svg.h-45 {
        height: 65px !important;
        max-width: 200px !important;
    }
    
    .footer-web-logo img,
    .footer .max-height-45px {
        max-height: 50px !important;
        max-width: 160px !important;
    }
    
    .mobile-logo-cs,
    .nav-wrapper .d-xl-none .logo img,
    .nav-wrapper .mobile-logo-cs {
        max-height: 70px !important;
        max-width: 220px !important;
    }
}

@media (max-width: 480px) {
    .auth-wrapper-left .auth-left-cont a img {
        max-width: 250px !important;
        max-height: 80px !important;
    }
    
    .navbar-brand img,
    .header .logo img,
    .header-middle .logo img {
        max-height: 55px !important;
        max-width: 170px !important;
    }
    
    .h-45, .svg.h-45, .dark-support.svg.h-45,
    .header-middle .logo img.dark-support.svg.h-45,
    .header .logo img.dark-support.svg.h-45,
    img.dark-support.svg.h-45 {
        height: 55px !important;
        max-width: 170px !important;
    }
    
    .footer-web-logo img,
    .footer .max-height-45px {
        max-height: 45px !important;
        max-width: 150px !important;
    }
    
    .mobile-logo-cs,
    .nav-wrapper .d-xl-none .logo img,
    .nav-wrapper .mobile-logo-cs {
        max-height: 60px !important;
        max-width: 180px !important;
    }
}