/* ============================================================================
   BFCM — black and red.
   html[data-season="bfcm"] — set before paint from wh-dark-mode-init.php.
   Off unless the BFCM switch is on.

   One red does the work. The rail stays black. No gold, no green, so it
   does not read as Christmas.
   ========================================================================== */

html[data-season="bfcm"] {
    --wh-accent-rgb: 220, 38, 38;
    --wh-accent-strong-rgb: 185, 28, 28;
    --wh-accent-fill-rgb: 220, 38, 38;
    --wh-accent-mid-rgb: 248, 113, 113;
    --wh-accent: #dc2626;
    --wh-accent-strong: #dc2626;
    --wh-accent-hover: #b91c1c;
    --wh-accent-text: #b91c1c;
    --wh-accent-text-deep: #7f1d1d;
    --wh-accent-fill: #dc2626;
    --wh-accent-mid: #f87171;
    --wh-accent-text-soft: #b91c1c;
    --wh-accent-bright: #dc2626;
    --wh-accent-vivid: #dc2626;
    --wh-accent-ice: #b91c1c;
    --wh-accent-border-soft: #fecaca;
    --wh-accent-soft: #fef2f2;
    --wh-accent-soft-2: #fef2f2;
    --wh-accent-soft-3: #fee2e2;
    --wh-accent-soft-4: #fee2e2;
    --wh-accent-soft-5: #fef2f2;
    --wh-accent-soft-6: #fef2f2;
    --wh-accent-soft-7: #fef2f2;

    --app-primary: #dc2626;
    --app-primary-hover: #b91c1c;
    --app-primary-soft: #fef2f2;
    --app-primary-text: #b91c1c;
    --es2-primary: #dc2626;
    --es2-primary-soft: #fef2f2;
    --es2-primary-text: #b91c1c;
    --app-chrome-gradient: linear-gradient(180deg, #050505 0%, #09090b 58%, #16080a 100%);

    accent-color: #dc2626;
}

html[data-season="bfcm"][data-theme="dark"],
html[data-season="bfcm"][data-theme="dark"][data-palette="neutral"] {
    --dk-bg: #0c0c0e;
    --dk-surface-deep: #08080a;
    --dk-surface: #141416;
    --dk-surface-2: #1c1c20;
    --dk-surface-3: #26262c;
    --dk-filter-surface: var(--dk-surface-3);
    --dk-filter-surface-hover: #323238;
    --dk-border: #3a3032;
    --dk-border-strong: #4e3c40;

    --wh-accent-rgb: 248, 113, 113;
    --wh-accent-strong-rgb: 220, 38, 38;
    --wh-accent-fill-rgb: 248, 113, 113;
    --wh-accent-mid-rgb: 252, 165, 165;
    --wh-accent: #f87171;
    --wh-accent-strong: #dc2626;
    --wh-accent-hover: #fca5a5;
    --wh-accent-text: #fecaca;
    --wh-accent-text-deep: #fecaca;
    --wh-accent-fill: #f87171;
    --wh-accent-mid: #fca5a5;
    --wh-accent-text-soft: #fecaca;
    --wh-accent-bright: #fca5a5;
    --wh-accent-vivid: #f87171;
    --wh-accent-ice: #fecaca;
    --wh-accent-border-soft: #fecaca;
    --wh-accent-soft: rgba(220, 38, 38, 0.16);
    --wh-accent-soft-2: rgba(220, 38, 38, 0.14);
    --wh-accent-soft-3: rgba(220, 38, 38, 0.18);
    --wh-accent-soft-4: rgba(220, 38, 38, 0.2);
    --wh-accent-soft-5: rgba(220, 38, 38, 0.16);
    --wh-accent-soft-6: rgba(220, 38, 38, 0.12);
    --wh-accent-soft-7: rgba(220, 38, 38, 0.12);

    --dk-accent: #f87171;
    --dk-accent-hover: #fca5a5;
    --dk-accent-border: rgba(248, 113, 113, 0.5);
    --dk-button: #dc2626;
    --dk-button-hover: #b91c1c;
    --dk-primary-soft: rgba(220, 38, 38, 0.18);
    --es2-primary: var(--dk-accent);
    --es2-primary-soft: var(--dk-primary-soft);
    --es2-primary-text: #fecaca;
    --dk-eu-bar-bg: #3a1214;
    --dk-eu-bar-text: #fecaca;
    --dk-eu-bar-value: #fff5f5;
    --dk-eu-bar-muted: #fca5a5;
    --dk-eu-bar-sep: rgba(254, 202, 202, 0.4);
    --dk-filter-accent-border: rgba(255, 255, 255, 0.10);
    --dk-filter-accent-border-hover: rgba(255, 255, 255, 0.16);
    --wh-tab-primary: #f87171;
    --wh-tab-primary-hover: #fca5a5;
    --wh-tab-primary-soft: rgba(220, 38, 38, 0.18);
    --wh-tab-primary-border: rgba(248, 113, 113, 0.4);

    --app-bg: #0c0c0e;
    --app-surface: #141416;
    --app-surface-hov: #1c1c20;
    --app-surface-active: #26262c;
    --app-border: #3a3032;
    --app-border-strong: #4e3c40;
    --app-primary: #f87171;
    --app-primary-hover: #fca5a5;
    --app-primary-soft: rgba(220, 38, 38, 0.18);
    --app-primary-text: #fecaca;
    --app-chrome-bg: #050505;
    --app-chrome-gradient: linear-gradient(180deg, #050505 0%, #09090b 58%, #16080a 100%);

    --dk-corner-glow-l: radial-gradient(
        ellipse at left top,
        rgba(220, 38, 38, 0.16) 0%,
        rgba(220, 38, 38, 0.06) 30%,
        rgba(220, 38, 38, 0.02) 48%,
        rgba(220, 38, 38, 0) 62%
    );
    --dk-corner-glow-r: radial-gradient(
        ellipse at right top,
        rgba(220, 38, 38, 0.12) 0%,
        rgba(220, 38, 38, 0.05) 30%,
        rgba(220, 38, 38, 0.016) 48%,
        rgba(220, 38, 38, 0) 62%
    );
}

html[data-season="bfcm"][data-theme="dark"] .wh-home-logo-stage::before {
    background: radial-gradient(
        ellipse at center,
        rgba(220, 38, 38, 0.16) 0%,
        rgba(220, 38, 38, 0.04) 46%,
        transparent 72%
    );
}

html[data-season="bfcm"] ::selection {
    color: #fff;
    background: #dc2626;
}

html[data-season="bfcm"] .app-shell-chrome {
    background-color: #050505;
    background-image: var(--app-chrome-gradient);
}

html[data-season="bfcm"] .app-shell__content {
    box-shadow: inset 0 0 0 1px rgba(220, 38, 38, 0.22);
}

html[data-season="bfcm"] .app-sidebar,
html[data-season="bfcm"] .app-menu {
    --app-primary: #f87171;
    --app-primary-hover: #fca5a5;
    --app-primary-soft: rgba(220, 38, 38, 0.18);
}

html[data-season="bfcm"] .app-nav-link--active,
html[data-season="bfcm"] .app-nav-group__trigger--active,
html[data-season="bfcm"] .app-nav-sublink--active {
    background: rgba(220, 38, 38, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(248, 113, 113, 0.4);
}

html[data-season="bfcm"] .app-utility-link--active {
    background: rgba(220, 38, 38, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(248, 113, 113, 0.36);
}

html[data-season="bfcm"] .app-utility-link__badge,
html[data-season="bfcm"] .app-utility-link__badge:not(:empty),
html[data-season="bfcm"] .app-menu__free-badge {
    background: #dc2626;
}

html[data-season="bfcm"] .app-sidebar__cta--upgrade {
    background: #dc2626;
    box-shadow: 0 2px 10px rgba(220, 38, 38, 0.4);
}
html[data-season="bfcm"] .app-sidebar__cta--upgrade:hover {
    background: #b91c1c;
}
html[data-season="bfcm"] .app-sidebar__cta--upgrade-dark {
    background: #991b1b;
    box-shadow: 0 2px 10px rgba(153, 27, 27, 0.4);
}
html[data-season="bfcm"] .app-sidebar__cta--upgrade-dark:hover {
    background: #7f1d1d;
}

html[data-season="bfcm"] .app-profile-trigger {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(220, 38, 38, 0.2) 100%);
    border-color: rgba(248, 113, 113, 0.28);
}
html[data-season="bfcm"] .app-profile-trigger:hover,
html[data-season="bfcm"] .app-profile-trigger[aria-expanded="true"] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, rgba(220, 38, 38, 0.28) 100%);
    border-color: rgba(248, 113, 113, 0.46);
}

html[data-season="bfcm"] .w-button,
html[data-season="bfcm"] .pageadcount {
    background-color: #dc2626;
    border-color: #b91c1c;
}
html[data-season="bfcm"] .w-button:hover,
html[data-season="bfcm"] .pageadcount:hover {
    background-color: #b91c1c;
}

html[data-season="bfcm"] .wh-theme-toggle--pill.is-dark .wh-theme-toggle__thumb {
    background: #dc2626;
}

.wh-bfcm-row__icon {
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    color: #f87171;
}
html .wh-bfcm-row.is-on .wh-bfcm-row__icon,
html .app-menu__theme-row.wh-bfcm-row .wh-bfcm-row__icon {
    color: #fca5a5;
}
.wh-bfcm-row.is-on .wh-bfcm-row__icon {
    filter: drop-shadow(0 0 4px rgba(220, 38, 38, 0.7));
}

.wh-bfcm-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    flex: 0 0 auto;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    line-height: 0;
    -webkit-tap-highlight-color: transparent;
}
.wh-bfcm-toggle:focus {
    outline: none;
}
.wh-bfcm-toggle:focus-visible .wh-bfcm-toggle__track {
    box-shadow: 0 0 0 2px #09090b, 0 0 0 4px rgba(220, 38, 38, 0.7);
}
.wh-bfcm-toggle__track {
    position: relative;
    display: block;
    width: 44px;
    height: 24px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-sizing: border-box;
}
.wh-bfcm-toggle.is-on .wh-bfcm-toggle__track {
    background: linear-gradient(180deg, #3a1214 0%, #14080a 100%);
    border-color: rgba(248, 113, 113, 0.45);
}
.wh-bfcm-toggle__thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #3f3f46;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    transition: left var(--app-duration, 280ms) var(--app-ease, cubic-bezier(0.32, 0.72, 0, 1));
}
.wh-bfcm-toggle.is-on .wh-bfcm-toggle__thumb {
    left: calc(100% - 20px);
    background: #dc2626;
    box-shadow: 0 0 8px rgba(220, 38, 38, 0.65);
}

html.app-sidebar-collapsed .app-sidebar .wh-bfcm-row .wh-bfcm-toggle {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .wh-bfcm-toggle__thumb {
        transition: none;
    }
}

html[data-season="bfcm"]:not([data-theme="dark"]) .landers-active-view-btn,
html[data-season="bfcm"]:not([data-theme="dark"]) .explore-vc-footer-btn--primary,
html[data-season="bfcm"]:not([data-theme="dark"]) .range-preset-chip.active,
html[data-season="bfcm"]:not([data-theme="dark"]) .tp-preset-chip.active,
html[data-season="bfcm"]:not([data-theme="dark"]) .lightpick.lightpick--explore-shops .lightpick__apply-action {
    background: #dc2626 !important;
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}
html[data-season="bfcm"]:not([data-theme="dark"]) .landers-active-view-btn:hover,
html[data-season="bfcm"]:not([data-theme="dark"]) .explore-vc-footer-btn--primary:hover,
html[data-season="bfcm"]:not([data-theme="dark"]) .lightpick.lightpick--explore-shops .lightpick__apply-action:hover {
    background: #b91c1c !important;
    background-color: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #fff !important;
}

html[data-season="bfcm"]:not([data-theme="dark"]) .filter-preset-card.active,
html[data-season="bfcm"]:not([data-theme="dark"]) .preset-filters .dashboard-quick-filter-pill.active-pill,
html[data-season="bfcm"]:not([data-theme="dark"]) .preset-filters .dashboard-quick-filter-pill[data-active="true"] {
    border-color: #dc2626 !important;
}
html[data-season="bfcm"]:not([data-theme="dark"]) .preset-filters .dashboard-quick-filter-pill.active-pill:hover,
html[data-season="bfcm"]:not([data-theme="dark"]) .preset-filters .dashboard-quick-filter-pill[data-active="true"]:hover,
html[data-season="bfcm"]:not([data-theme="dark"]) .range-preset-chip:hover,
html[data-season="bfcm"]:not([data-theme="dark"]) .tp-preset-chip:hover {
    border-color: #b91c1c !important;
}
html[data-season="bfcm"]:not([data-theme="dark"]) .range-preset-chip:hover,
html[data-season="bfcm"]:not([data-theme="dark"]) .tp-preset-chip:hover {
    color: #b91c1c !important;
}
html[data-season="bfcm"]:not([data-theme="dark"]) .filter-preset-card.active .filter-preset-icon svg,
html[data-season="bfcm"]:not([data-theme="dark"]) .qf-active-dot {
    color: #dc2626;
    background: #dc2626;
}
html[data-season="bfcm"]:not([data-theme="dark"]) .filter-preset-card.active .filter-preset-icon svg {
    background: transparent;
}

html[data-season="bfcm"]:not([data-theme="dark"]) .shops-table .explore-meta-wh-link,
html[data-season="bfcm"]:not([data-theme="dark"]) .shops-table .store-tag-row .explore-meta-wh-link,
html[data-season="bfcm"]:not([data-theme="dark"]) .new-page-wrapper .explore-shops-tile-footer .explore-meta-wh-link {
    border-color: rgba(220, 38, 38, 0.28) !important;
}
html[data-season="bfcm"]:not([data-theme="dark"]) .shops-table .explore-meta-wh-link:hover,
html[data-season="bfcm"]:not([data-theme="dark"]) .shops-table .store-tag-row .explore-meta-wh-link:hover,
html[data-season="bfcm"]:not([data-theme="dark"]) .new-page-wrapper .explore-shops-tile-footer .explore-meta-wh-link:hover {
    background: #fef2f2 !important;
    border-color: #dc2626 !important;
}

html[data-season="bfcm"][data-theme="dark"] .filter-preset-card.active,
html[data-season="bfcm"][data-theme="dark"] .preset-filters .dashboard-quick-filter-pill.active-pill,
html[data-season="bfcm"][data-theme="dark"] .preset-filters .dashboard-quick-filter-pill[data-active="true"] {
    border-color: rgba(248, 113, 113, 0.65) !important;
}
html[data-season="bfcm"][data-theme="dark"] .qf-active-dot {
    background: #f87171 !important;
}

html[data-season="bfcm"]:not([data-theme="dark"]) {
    --std2-primary: #dc2626;
    --std2-primary-soft: #fef2f2;
    --std2-primary-hover: #b91c1c;
}
html[data-season="bfcm"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-level-1 {
    background: #dc2626;
    border-color: #dc2626;
    color: #fff;
    box-shadow: 0 1px 2px rgba(220, 38, 38, 0.28);
}
html[data-season="bfcm"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-level-2,
html[data-season="bfcm"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-badges-more {
    background: #fef2f2;
    border-color: rgba(220, 38, 38, 0.24);
    color: #b91c1c;
}
html[data-season="bfcm"][data-theme="dark"] .niche-badges-pill.niche-level-2 {
    background: rgba(220, 38, 38, 0.22) !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    color: #fecaca !important;
}

html[data-season="bfcm"]:not([data-theme="dark"]) .std-title-bar-actions .std-title-track-brand-btn {
    background: #dc2626 !important;
    background-color: #dc2626 !important;
}
html[data-season="bfcm"]:not([data-theme="dark"]) .std-title-bar-actions .std-title-track-brand-btn:hover {
    background: #b91c1c !important;
    background-color: #b91c1c !important;
}
html[data-season="bfcm"]:not([data-theme="dark"]) .std-store-top-tab.is-active .std-store-top-tab-count,
html[data-season="bfcm"]:not([data-theme="dark"]) .std-store-top-tab.is-active .std-meta-ads-count,
html[data-season="bfcm"]:not([data-theme="dark"]) .std-store-top-tab--meta-ads .std-meta-ads-count,
html[data-season="bfcm"]:not([data-theme="dark"]) .std-store-top-tab--google-ads .std-meta-ads-count,
html[data-season="bfcm"]:not([data-theme="dark"]) .std-meta-ads-count {
    background: #fef2f2 !important;
    border-color: rgba(220, 38, 38, 0.24) !important;
    color: #b91c1c !important;
}
html[data-season="bfcm"]:not([data-theme="dark"]) .std-prod-mode-toggle-btn.is-active,
html[data-season="bfcm"]:not([data-theme="dark"]) .tts-cp-btn--active,
html[data-season="bfcm"]:not([data-theme="dark"]) .tts-cp-btn--active svg {
    color: #dc2626 !important;
}
html[data-season="bfcm"]:not([data-theme="dark"]) .tts-cp-btn--active {
    background: #fef2f2 !important;
    border-color: rgba(220, 38, 38, 0.32) !important;
}

html[data-season="bfcm"]:not([data-theme="dark"]) .std-comp-std-link {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #b91c1c !important;
}
html[data-season="bfcm"]:not([data-theme="dark"]) .std-comp-std-link:hover,
html[data-season="bfcm"]:not([data-theme="dark"]) .std-comp-store-url:hover,
html[data-season="bfcm"]:not([data-theme="dark"]) .std-comp-track-link:hover {
    border-color: #dc2626 !important;
    color: #b91c1c !important;
}
html[data-season="bfcm"][data-theme="dark"] .store-detail-page-shell .std-comp-std-link,
html[data-season="bfcm"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-std-link {
    background: rgba(220, 38, 38, 0.18) !important;
    border-color: rgba(248, 113, 113, 0.5) !important;
    color: #fecaca !important;
}
html[data-season="bfcm"][data-theme="dark"] .store-detail-page-shell .std-comp-std-link:hover,
html[data-season="bfcm"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-std-link:hover {
    background: rgba(220, 38, 38, 0.28) !important;
    border-color: #f87171 !important;
    color: #fff5f5 !important;
}
html[data-season="bfcm"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-store-url,
html[data-season="bfcm"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-track-link,
html[data-season="bfcm"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor button.std-comp-track-link {
    border-color: rgba(248, 113, 113, 0.4) !important;
    color: #fecaca !important;
}