/* Frontend Custom Styles */

/* Logo Responsive Sizes */
.tp-header__logo img,
.header-logo img,
.site-logo img {
    max-width: 160px !important;
    max-height: 50px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain;
}

/* Tablet Logo Size */
@media (max-width: 991px) {
    .tp-header__logo img,
    .header-logo img,
    .site-logo img {
        max-width: 140px !important;
        max-height: 44px !important;
    }
}

/* Mobile Logo Size */
@media (max-width: 768px) {
    .tp-header__logo img,
    .header-logo img,
    .site-logo img {
        max-width: 110px !important;
        max-height: 36px !important;
    }
}

/* Small Mobile Logo Size */
@media (max-width: 576px) {
    .tp-header__logo img,
    .header-logo img,
    .site-logo img {
        max-width: 90px !important;
        max-height: 30px !important;
    }
}

/* Very Small Screens */
@media (max-width: 400px) {
    .tp-header__logo img,
    .header-logo img,
    .site-logo img {
        max-width: 75px !important;
        max-height: 26px !important;
    }
}

/* Footer Logo if exists */
.footer-logo img,
.tp-footer__logo img {
    max-width: 140px !important;
    height: auto !important;
    object-fit: contain;
}

@media (max-width: 768px) {
    .footer-logo img,
    .tp-footer__logo img {
        max-width: 110px !important;
    }
}

@media (max-width: 576px) {
    .footer-logo img,
    .tp-footer__logo img {
        max-width: 90px !important;
    }
}

/* PWA Install Button on Mobile */
@media (max-width: 768px) {
    #pwa-install-btn {
        bottom: 10px !important;
        right: 10px !important;
        padding: 10px 20px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 576px) {
    #pwa-install-btn {
        padding: 8px 16px !important;
        font-size: 12px !important;
    }
}