/* Distinct palettes for the nine storefront category pages. */
.category-theme-sweets {
    --category-accent: #d97706;
    --category-accent-dark: #b45309;
    --category-accent-soft: #fff7e6;
    --category-accent-ring: #fde2a7;
}

.category-theme-savouries {
    --category-accent: #c2410c;
    --category-accent-dark: #9a3412;
    --category-accent-soft: #fff1eb;
    --category-accent-ring: #f7c9b7;
}

.category-theme-bakery {
    --category-accent: #c23b6e;
    --category-accent-dark: #9d2855;
    --category-accent-soft: #fff0f6;
    --category-accent-ring: #f3bfd4;
}

.category-theme-dry-fruits {
    --category-accent: #6b7f2a;
    --category-accent-dark: #52651d;
    --category-accent-soft: #f5f8e9;
    --category-accent-ring: #d8e3ad;
}

.category-theme-chocolates {
    --category-accent: #7a3e2b;
    --category-accent-dark: #5c2d20;
    --category-accent-soft: #f8efeb;
    --category-accent-ring: #dec0b4;
}

.category-theme-beverages {
    --category-accent: #087f8c;
    --category-accent-dark: #06636d;
    --category-accent-soft: #eaf9fb;
    --category-accent-ring: #b5e1e6;
}

.category-theme-biscuits {
    --category-accent: #b46b16;
    --category-accent-dark: #8f510e;
    --category-accent-soft: #fff6e8;
    --category-accent-ring: #efd09c;
}

.category-theme-snack-bars {
    --category-accent: #2f7d50;
    --category-accent-dark: #23623d;
    --category-accent-soft: #eef8f1;
    --category-accent-ring: #b9ddc5;
}

.category-theme-gift-packs {
    --category-accent: #7c4bb0;
    --category-accent-dark: #62378e;
    --category-accent-soft: #f7efff;
    --category-accent-ring: #d9c1ee;
}

.category-theme .page-content .sweets-hero,
.category-theme .page-content .gift-hero {
    border-top: 4px solid var(--category-accent);
    box-shadow: 0 10px 30px color-mix(in srgb, var(--category-accent) 13%, transparent);
}

.category-theme .page-content .hero-script,
.category-theme .page-content .highlight-orange,
.category-theme .page-content .hero-trust-item svg,
.category-theme .page-content [style*="color: #e85d04"],
.category-theme .page-content [style*="color:#e85d04"] {
    color: var(--category-accent) !important;
}

.category-theme .subcategory-item.active .subcategory-icon-wrapper {
    border-color: var(--category-accent);
    box-shadow: 0 0 0 4px var(--category-accent-soft);
}

.category-theme .subcategory-item.active span,
.category-theme .scroll-right-btn:hover,
.category-theme .custom-radio input:checked ~ .label-text,
.category-theme .btn-clear,
.category-theme .page-btn:hover {
    color: var(--category-accent);
}

.category-theme .scroll-right-btn:hover,
.category-theme .page-btn:hover,
.category-theme .sort-by select:focus {
    border-color: var(--category-accent);
}

.category-theme .filters-sidebar {
    border-top: 3px solid var(--category-accent);
}

.category-theme .custom-radio input:checked ~ .radio-mark,
.category-theme .custom-checkbox input:checked ~ .checkmark,
.category-theme .page-btn.active,
.category-theme .btn-primary,
.category-theme .badge-best {
    background: var(--category-accent) !important;
    border-color: var(--category-accent) !important;
}

.category-theme .price-slider {
    accent-color: var(--category-accent);
}

.category-theme .btn-primary:hover,
.category-theme .badge-new {
    background: var(--category-accent-dark) !important;
    border-color: var(--category-accent-dark) !important;
}

.category-theme .btn-outline-primary,
.category-theme .btn-outline-pink {
    color: var(--category-accent);
    border-color: var(--category-accent);
}

.category-theme .btn-outline-primary:hover,
.category-theme .btn-outline-pink:hover {
    color: var(--category-accent-dark);
    background: var(--category-accent-soft);
}

.category-theme .product-img-wrapper {
    background: var(--category-accent-soft);
}

.category-theme .product-card:hover,
.category-theme .filter-empty-state {
    border-color: var(--category-accent-ring);
}

.category-theme .banner-dark {
    background: linear-gradient(135deg, var(--category-accent-dark), var(--category-accent));
}

.category-theme .banner-light {
    border-color: var(--category-accent-ring);
    background: var(--category-accent-soft);
}

@supports not (color: color-mix(in srgb, red 10%, transparent)) {
    .category-theme .page-content .sweets-hero,
    .category-theme .page-content .gift-hero {
        box-shadow: 0 10px 30px rgba(74, 47, 29, 0.08);
    }
}