/* Tommy-Choo launch layer — uses tokens from style.css :root */

/* —— Logo (transparent web asset, no container) —— */
.brand-logo-link,
.site-footer-logo-link,
.community-brand-link.brand-logo-link {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    text-decoration: none;
    line-height: 0;
}

.brand-logo,
.site-footer-logo-img,
.auth-brand-logo,
.legal-page-brand-logo {
    display: block;
    height: 36px;
    width: auto;
    max-width: min(148px, 42vw);
    object-fit: contain;
    object-position: left center;
    background: transparent;
}

.market-header .brand-block {
    align-items: center;
}

.market-header .brand-logo-link {
    margin-right: 2px;
    align-self: center;
}

.community-header-inner .brand-logo,
.editorial-studio-header .brand-logo {
    height: 34px;
    max-width: 140px;
}

.site-footer-logo-img {
    height: 32px;
    max-width: 132px;
}

.auth-brand-logo-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    background: transparent;
}

.auth-brand-logo {
    height: 48px;
    max-width: 200px;
}

.checkout-header .auth-brand-logo {
    height: 44px;
    margin-bottom: 16px;
}

.legal-page-brand-logo {
    height: 44px;
    max-width: 200px;
    margin-bottom: 8px;
}

@media (max-width: 600px) {
    .brand-logo {
        height: 32px;
        max-width: 128px;
    }

}

/* —— Primary & secondary actions —— */
.hero-slide-cta,
.add-btn,
.inquire-btn,
.checkout-btn,
.header-location-change-btn,
.header-location-choice-btn--secondary,
.community-primary-btn,
.auth-card button[type="submit"],
#loginSubmit,
#checkoutButton.checkout-btn {
    background: var(--tc-burgundy) !important;
    color: var(--tc-white) !important;
    border: 1px solid transparent;
}

.hero-slide-cta:hover,
.hero-slide-cta:focus-visible,
.add-btn:hover,
.add-btn:focus-visible,
.inquire-btn:hover,
.inquire-btn:focus-visible,
.checkout-btn:hover,
.checkout-btn:focus-visible,
.community-primary-btn:hover,
.community-primary-btn:focus-visible,
.header-location-change-btn:hover {
    background: var(--tc-burgundy-deep) !important;
    color: var(--tc-white) !important;
}

.home-section-cta,
.home-section-cta-link,
.marketplace-back {
    background: var(--tc-white);
    border: 1px solid var(--tc-border);
    color: var(--tc-burgundy);
}

.home-section-cta:hover,
.home-section-cta:focus-visible,
.home-section-cta-link:hover,
.home-section-cta-link:focus-visible,
.marketplace-back:hover {
    background: var(--tc-blush);
    border-color: var(--color-border-strong);
    color: var(--tc-burgundy-deep);
}

/* —— Header —— */
.market-header {
    background: rgba(252, 250, 248, 0.96);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--tc-border);
    box-shadow: var(--shadow-sm);
}

.header-city-indicator {
    border-color: var(--tc-border);
    color: var(--tc-charcoal);
}

.header-city-indicator:hover,
.header-city-indicator:focus-visible {
    border-color: var(--color-border-strong);
    background: var(--tc-blush);
    color: var(--tc-burgundy);
}

.market-nav-text,
.market-nav-text-link,
.market-nav-trigger.market-nav-text {
    color: var(--tc-charcoal);
}

.market-nav-text.is-active,
.market-nav-text-link.is-active,
.market-nav-text-link[aria-current="page"],
.market-nav-trigger.market-nav-text.is-active {
    color: var(--tc-burgundy);
    box-shadow: inset 0 -2px 0 var(--tc-burgundy);
}

.market-nav-text-link:hover,
.market-nav-trigger.market-nav-text:hover {
    color: var(--tc-burgundy);
}

.market-nav-icon-btn:hover,
.market-nav-icon-btn:focus-visible,
.market-nav-icon-link:hover,
.market-nav-icon-link:focus-visible,
#cartButton.header-icon-btn:hover {
    background: var(--tc-blush);
    color: var(--tc-burgundy);
}

.market-nav-icon-btn.is-active,
.market-nav-icon-link.is-active {
    color: var(--tc-burgundy);
}

/* —— Hero —— */
.hero-carousel {
    background: var(--tc-warm-white);
    border-bottom: 1px solid var(--tc-border);
}

.hero-carousel-viewport {
    border: 1px solid var(--tc-border);
    box-shadow: var(--shadow-md);
}

.hero-banner-headline,
.hero-banner-highlight {
    color: var(--tc-charcoal);
}

.hero-banner-highlight {
    color: var(--tc-burgundy);
}

.hero-photo-blob {
    opacity: 0.12;
    background: var(--tc-blush);
}

.hero-slide--general .hero-banner,
.hero-slide--small-pets .hero-banner,
.hero-slide--cats .hero-banner,
.hero-slide--other-pets .hero-banner,
.hero-slide--dogs .hero-banner {
    background: linear-gradient(
        135deg,
        var(--tc-warm-white) 0%,
        var(--tc-blush) 100%
    ) !important;
}

.hero-carousel-dot.is-active {
    background: var(--tc-burgundy);
}

/* —— Store —— */
#catalogue.market-content::before {
    display: none;
}

#catalogue.market-content {
    background: linear-gradient(
        180deg,
        var(--tc-warm-white) 0%,
        var(--tc-white) 100px,
        var(--tc-white) 100%
    );
}

.market-intro h2 {
    color: var(--tc-charcoal);
}

.tpp-ai-search-input {
    border-color: var(--tc-border);
    background: var(--tc-white);
}

.tpp-ai-search-input:focus {
    border-color: var(--tc-burgundy);
    box-shadow: var(--focus-ring);
}

.tpp-ai-search-submit {
    background: var(--tc-blush);
    color: var(--tc-burgundy);
}

.tpp-ai-search-submit:hover,
.tpp-ai-search-submit:focus-visible {
    background: var(--tc-burgundy);
    color: var(--tc-white);
}

.tpp-ai-search-example {
    border-color: var(--tc-border);
    color: var(--tc-charcoal);
}

.tpp-ai-search-example:hover,
.tpp-ai-search-example:focus-visible {
    border-color: var(--tc-burgundy);
    background: var(--tc-blush);
}

/* —— Cards —— */
.product-card,
.service-card {
    border-color: var(--tc-border);
    background: var(--tc-white);
}

.product-card:hover,
.service-card:hover {
    border-color: var(--color-border-strong);
}

.product-image,
.service-card-image {
    background: var(--tc-blush);
}

.product-card h3,
.service-title,
.product-bottom strong {
    color: var(--tc-charcoal);
}

/* —— Sections —— */
.home-services-section,
.home-ngo-section,
.home-hub-section,
.home-adopt-section {
    background: var(--tc-warm-white);
}

.home-section-eyebrow {
    color: var(--tc-burgundy);
}

.home-ngo-section .home-section-eyebrow {
    color: var(--tc-burgundy-deep);
}

.home-section-title {
    color: var(--tc-charcoal);
}

.home-brand-card-media,
.home-other-pet-card-media,
.home-adopt-card-media {
    background: var(--tc-blush);
}

.tpp-empty-state {
    background: var(--tc-blush);
    border-color: var(--tc-border);
}

.tpp-empty-state__title {
    color: var(--tc-charcoal);
}

/* —— Footer —— */
.site-footer.market-footer {
    background: var(--tc-warm-white);
    border-top: 1px solid var(--tc-border);
}

/* —— Hub —— */
.community-page-body,
.editorial-library-shell,
.account-page-body {
    background: var(--tc-warm-white);
}

.editorial-library-title,
.editorial-article-read-title {
    color: var(--tc-charcoal);
}

.editorial-article-card-category,
.editorial-category-chip.active {
    color: var(--tc-burgundy);
}

.editorial-category-chip.active {
    background: var(--tc-blush);
    border-color: var(--tc-burgundy);
}

.editorial-article-card:hover {
    border-color: var(--color-border-strong);
}

/* —— Auth & checkout —— */
.auth-screen,
.checkout-page {
    background: var(--tc-warm-white);
}

.checkout-details,
.checkout-summary,
.account-sidebar,
.community-side-card {
    border-color: var(--tc-border);
    background: var(--tc-white);
}

.account-nav-item.active {
    background: var(--tc-blush);
    color: var(--tc-burgundy);
}

.auth-card h1,
.checkout-header h1 {
    color: var(--tc-charcoal);
}

.marketplace-filter-select:focus {
    box-shadow: var(--focus-ring);
    border-color: var(--tc-burgundy);
}

@media (max-width: 600px) {
    .tpp-ai-search-input {
        font-size: 16px;
        min-height: 42px;
    }

    .tpp-ai-search-hint {
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .product-card:hover,
    .service-card:hover,
    .hero-slide-cta:hover,
    .editorial-article-card:hover {
        transform: none;
    }
}