/* Logo sizing fix - proper responsive sizing */

/* Header logo container */
.revved-logo {
    flex-shrink: 0;
    max-width: 280px;
}

/* Header logo image */
.revved-logo img,
.site-logo-img,
.custom-logo {
    max-height: 65px;
    max-width: 240px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Footer logo */
.footer-logo-img {
    max-width: 280px;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Tablet */
@media screen and (max-width: 992px) {
    .revved-logo {
        max-width: 220px;
    }
    .revved-logo img,
    .site-logo-img,
    .custom-logo {
        max-height: 55px;
        max-width: 200px;
    }
    .footer-logo-img {
        max-width: 240px;
        max-height: 85px;
    }
}

/* Mobile */
@media screen and (max-width: 768px) {
    .revved-logo {
        max-width: 160px;
    }
    .revved-logo img,
    .site-logo-img,
    .custom-logo {
        max-height: 45px;
        max-width: 150px;
    }
    .footer-logo-img {
        max-width: 200px;
        max-height: 70px;
    }
}

/* Small mobile */
@media screen and (max-width: 480px) {
    .revved-logo {
        max-width: 130px;
    }
    .revved-logo img,
    .site-logo-img,
    .custom-logo {
        max-height: 38px;
        max-width: 120px;
    }
    .footer-logo-img {
        max-width: 160px;
        max-height: 60px;
    }
}