/**
 * SmileTech brand helpers — logo + yellow CTA contrast on anthracite system
 */

.header-logo .st-brand-logo {
    height: 58px;
    width: auto;
    max-width: 220px;
    object-fit: contain;
    display: block;
}

.header-logo a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.header-logo:has(.st-brand-logo) .logo-icon,
.header-logo:has(.st-brand-logo) small {
    display: none;
}

.site-footer .st-footer-logo {
    height: 52px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
    display: block;
    margin-bottom: 0.75rem;
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.btn-main,
.btn-main:hover,
.search-btn,
.badge-new,
.badge-featured,
.product-card-add-cart,
.newsletter-form button,
.back-to-top,
.pagination .page-item.active .page-link,
.form-check-input:checked,
.st-all-cats-btn {
    color: var(--clr-dark) !important;
}

.badge-sale,
.badge-flash {
    background: var(--clr-promo) !important;
    color: #fff !important;
}

::selection {
    background: var(--clr-primary);
    color: var(--clr-dark);
}

@media (max-width: 767px) {
    .header-logo .st-brand-logo {
        height: 40px;
        max-width: 160px;
    }
}