/* 
   Logo size consistency fix
   This file should be included last in all HTML files to ensure it overrides all other styles
*/

/* Global logo size override */
.nav-bar .logo img,
.nav-container .logo img,
.standard-header .logo img,
.home-header .logo img,
.home-header .nav-container .logo img,
.products-page .nav-bar .logo img,
.product-detail-page .nav-bar .logo img {
    height: 40px !important;
    width: auto !important;
    vertical-align: middle !important;
    transition: height 0.3s ease !important;
}

/* Responsive overrides */
@media (max-width: 768px) {
    .nav-bar .logo img,
    .nav-container .logo img,
    .standard-header .logo img,
    .home-header .logo img,
    .home-header .nav-container .logo img,
    .products-page .nav-bar .logo img,
    .product-detail-page .nav-bar .logo img {
        height: 35px !important;
    }
}

@media (max-width: 480px) {
    .nav-bar .logo img,
    .nav-container .logo img,
    .standard-header .logo img,
    .home-header .logo img,
    .home-header .nav-container .logo img,
    .products-page .nav-bar .logo img,
    .product-detail-page .nav-bar .logo img {
        height: 30px !important;
    }
}