/* ============================================================================
   Sol — sunflower yellow on black.
   html[data-season="noir"] — kept so a saved Noir choice stays on this theme.
   Off unless Sol is chosen in Change Theme.

   The rail stays black. Yellow is the active state and the Upgrade button.
   Dark type sits on the yellow so it stays readable. Pages stay white and ink.
   ========================================================================== */
html[data-season="noir"] {
    --wh-accent-rgb: 196, 144, 0;
    --wh-accent-strong-rgb: 154, 114, 0;
    --wh-accent-fill-rgb: 196, 144, 0;
    --wh-accent-mid-rgb: 230, 176, 0;
    --wh-accent: #c49000;
    --wh-accent-strong: #c49000;
    --wh-accent-hover: #9a7200;
    --wh-accent-text: #9a7200;
    --wh-accent-text-deep: #6b4e06;
    --wh-accent-fill: #c49000;
    --wh-accent-mid: #e6b000;
    --wh-accent-text-soft: #9a7200;
    --wh-accent-bright: #c49000;
    --wh-accent-vivid: #c49000;
    --wh-accent-ice: #9a7200;
    --wh-accent-border-soft: #f3e2a0;
    --wh-accent-soft: #fffbeb;
    --wh-accent-soft-2: #fffbeb;
    --wh-accent-soft-3: #fff3c4;
    --wh-accent-soft-4: #fff3c4;
    --wh-accent-soft-5: #fffbeb;
    --wh-accent-soft-6: #fffbeb;
    --wh-accent-soft-7: #fffbeb;

    --app-primary: #c49000;
    --app-primary-hover: #9a7200;
    --app-primary-soft: #fffbeb;
    --app-primary-text: #9a7200;
    --es2-primary: #c49000;
    --es2-primary-soft: #fffbeb;
    --es2-primary-text: #9a7200;
    --app-chrome-gradient: linear-gradient(180deg, #050505 0%, #09090b 58%, #1c1706 100%);

    accent-color: #c49000;
}

html[data-season="noir"][data-theme="dark"],
html[data-season="noir"][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: #32322c;
    --dk-border: #3a3420;
    --dk-border-strong: #4e4628;

    --wh-accent-rgb: 245, 196, 0;
    --wh-accent-strong-rgb: 230, 176, 0;
    --wh-accent-fill-rgb: 245, 196, 0;
    --wh-accent-mid-rgb: 255, 225, 74;
    --wh-accent: #f5c400;
    --wh-accent-strong: #e6b000;
    --wh-accent-hover: #ffe14a;
    --wh-accent-text: #ffe9a3;
    --wh-accent-text-deep: #ffe9a3;
    --wh-accent-fill: #f5c400;
    --wh-accent-mid: #ffe14a;
    --wh-accent-text-soft: #ffe9a3;
    --wh-accent-bright: #ffe14a;
    --wh-accent-vivid: #f5c400;
    --wh-accent-ice: #ffe9a3;
    --wh-accent-border-soft: #ffe9a3;
    --wh-accent-soft: rgba(230, 176, 0, 0.16);
    --wh-accent-soft-2: rgba(230, 176, 0, 0.14);
    --wh-accent-soft-3: rgba(230, 176, 0, 0.18);
    --wh-accent-soft-4: rgba(230, 176, 0, 0.2);
    --wh-accent-soft-5: rgba(230, 176, 0, 0.16);
    --wh-accent-soft-6: rgba(230, 176, 0, 0.12);
    --wh-accent-soft-7: rgba(230, 176, 0, 0.12);

    --dk-accent: #f5c400;
    --dk-accent-hover: #ffe14a;
    --dk-accent-border: rgba(245, 196, 0, 0.5);
    --dk-button: #e6b000;
    --dk-button-hover: #c99600;
    --dk-primary-soft: rgba(230, 176, 0, 0.18);
    --es2-primary: var(--dk-accent);
    --es2-primary-soft: var(--dk-primary-soft);
    --es2-primary-text: #ffe9a3;
    --dk-eu-bar-bg: #2a2208;
    --dk-eu-bar-text: #ffe9a3;
    --dk-eu-bar-value: #fffbeb;
    --dk-eu-bar-muted: #f5c400;
    --dk-eu-bar-sep: rgba(255, 233, 163, 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: #f5c400;
    --wh-tab-primary-hover: #ffe14a;
    --wh-tab-primary-soft: rgba(230, 176, 0, 0.18);
    --wh-tab-primary-border: rgba(245, 196, 0, 0.4);

    --app-bg: #0c0c0e;
    --app-surface: #141416;
    --app-surface-hov: #1c1c20;
    --app-surface-active: #26262c;
    --app-border: #3a3420;
    --app-border-strong: #4e4628;
    --app-primary: #f5c400;
    --app-primary-hover: #ffe14a;
    --app-primary-soft: rgba(230, 176, 0, 0.18);
    --app-primary-text: #ffe9a3;
    --app-chrome-bg: #050505;
    --app-chrome-gradient: linear-gradient(180deg, #050505 0%, #09090b 58%, #1c1706 100%);

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

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

html[data-season="noir"] ::selection {
    color: #1c1604;
    background: #f5c400;
}

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

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

html[data-season="noir"] .app-sidebar,
html[data-season="noir"] .app-menu {
    --app-primary: #f5c400;
    --app-primary-hover: #ffe14a;
    --app-primary-soft: rgba(230, 176, 0, 0.16);
}

html[data-season="noir"] .app-nav-link--active,
html[data-season="noir"] .app-nav-group__trigger--active,
html[data-season="noir"] .app-nav-sublink--active {
    background: rgba(230, 176, 0, 0.18);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(245, 196, 0, 0.4);
}

html[data-season="noir"] .app-utility-link--active {
    background: rgba(230, 176, 0, 0.18);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(245, 196, 0, 0.36);
}

html[data-season="noir"] .app-utility-link__badge,
html[data-season="noir"] .app-utility-link__badge:not(:empty),
html[data-season="noir"] .app-menu__free-badge {
    background: #f5c400;
    color: #1c1604;
}

html[data-season="noir"] .app-sidebar__cta--upgrade,
html[data-season="noir"] .app-sidebar__cta--upgrade-dark {
    background: #f5c400;
    border-color: rgba(255, 255, 255, 0.22);
    color: #1c1604;
    box-shadow: 0 2px 10px rgba(245, 196, 0, 0.35);
}
html[data-season="noir"] .app-sidebar__cta--upgrade:hover,
html[data-season="noir"] .app-sidebar__cta--upgrade-dark:hover {
    background: #e6b000;
    color: #1c1604;
}

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

html[data-season="noir"] .w-button,
html[data-season="noir"] .pageadcount,
html[data-season="noir"][data-theme="dark"] .w-button,
html[data-season="noir"][data-theme="dark"] .pageadcount {
    background-color: #f5c400;
    border-color: #e6b000;
    color: #1c1604;
}
html[data-season="noir"] .w-button:hover,
html[data-season="noir"] .pageadcount:hover,
html[data-season="noir"][data-theme="dark"] .w-button:hover,
html[data-season="noir"][data-theme="dark"] .pageadcount:hover {
    background-color: #e6b000;
    color: #1c1604;
}

html[data-season="noir"] .wh-theme-toggle--pill.is-dark .wh-theme-toggle__thumb {
    background: #f5c400;
}
html[data-season="noir"] .wh-theme-toggle--pill.is-dark .wh-theme-toggle__thumb-glyph--moon {
    color: #1c1604;
}

.wh-noir-row__icon {
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    color: #f5c400;
}
html .wh-noir-row.is-on .wh-noir-row__icon,
html .app-menu__theme-row.wh-noir-row .wh-noir-row__icon {
    color: #ffe14a;
}
.wh-noir-row.is-on .wh-noir-row__icon {
    filter: drop-shadow(0 0 4px rgba(230, 176, 0, 0.7));
}

.wh-noir-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-noir-toggle:focus {
    outline: none;
}
.wh-noir-toggle:focus-visible .wh-noir-toggle__track {
    box-shadow: 0 0 0 2px #09090b, 0 0 0 4px rgba(245, 196, 0, 0.7);
}
.wh-noir-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-noir-toggle.is-on .wh-noir-toggle__track {
    background: linear-gradient(180deg, #2a2208 0%, #140f08 100%);
    border-color: rgba(245, 196, 0, 0.45);
}
.wh-noir-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-noir-toggle.is-on .wh-noir-toggle__thumb {
    left: calc(100% - 20px);
    background: #f5c400;
    box-shadow: 0 0 8px rgba(230, 176, 0, 0.65);
}

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

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

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

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

html[data-season="noir"]:not([data-theme="dark"]) .shops-table .explore-meta-wh-link,
html[data-season="noir"]:not([data-theme="dark"]) .shops-table .store-tag-row .explore-meta-wh-link,
html[data-season="noir"]:not([data-theme="dark"]) .new-page-wrapper .explore-shops-tile-footer .explore-meta-wh-link {
    border-color: rgba(196, 144, 0, 0.28) !important;
}
html[data-season="noir"]:not([data-theme="dark"]) .shops-table .explore-meta-wh-link:hover,
html[data-season="noir"]:not([data-theme="dark"]) .shops-table .store-tag-row .explore-meta-wh-link:hover,
html[data-season="noir"]:not([data-theme="dark"]) .new-page-wrapper .explore-shops-tile-footer .explore-meta-wh-link:hover {
    background: #fffbeb !important;
    border-color: #c49000 !important;
}

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

html[data-season="noir"]:not([data-theme="dark"]) {
    --std2-primary: #c49000;
    --std2-primary-soft: #fffbeb;
    --std2-primary-hover: #9a7200;
}
html[data-season="noir"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-level-1 {
    background: #f5c400;
    border-color: #e6b000;
    color: #1c1604;
    box-shadow: 0 1px 2px rgba(196, 144, 0, 0.28);
}
html[data-season="noir"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-level-2,
html[data-season="noir"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-badges-more {
    background: #fffbeb;
    border-color: rgba(196, 144, 0, 0.24);
    color: #9a7200;
}
html[data-season="noir"][data-theme="dark"] .niche-badges-pill.niche-level-2 {
    background: rgba(230, 176, 0, 0.22) !important;
    border-color: rgba(245, 196, 0, 0.35) !important;
    color: #ffe9a3 !important;
}

html[data-season="noir"]:not([data-theme="dark"]) .std-title-bar-actions .std-title-track-brand-btn {
    background: #f5c400 !important;
    background-color: #f5c400 !important;
    color: #1c1604 !important;
}
html[data-season="noir"]:not([data-theme="dark"]) .std-title-bar-actions .std-title-track-brand-btn:hover {
    background: #e6b000 !important;
    background-color: #e6b000 !important;
    color: #1c1604 !important;
}
html[data-season="noir"]:not([data-theme="dark"]) .std-store-top-tab.is-active .std-store-top-tab-count,
html[data-season="noir"]:not([data-theme="dark"]) .std-store-top-tab.is-active .std-meta-ads-count,
html[data-season="noir"]:not([data-theme="dark"]) .std-store-top-tab--meta-ads .std-meta-ads-count,
html[data-season="noir"]:not([data-theme="dark"]) .std-store-top-tab--google-ads .std-meta-ads-count,
html[data-season="noir"]:not([data-theme="dark"]) .std-meta-ads-count {
    background: #fffbeb !important;
    border-color: rgba(196, 144, 0, 0.24) !important;
    color: #9a7200 !important;
}
html[data-season="noir"]:not([data-theme="dark"]) .std-prod-mode-toggle-btn.is-active,
html[data-season="noir"]:not([data-theme="dark"]) .tts-cp-btn--active,
html[data-season="noir"]:not([data-theme="dark"]) .tts-cp-btn--active svg {
    color: #c49000 !important;
}
html[data-season="noir"]:not([data-theme="dark"]) .tts-cp-btn--active {
    background: #fffbeb !important;
    border-color: rgba(196, 144, 0, 0.32) !important;
}

html[data-season="noir"]:not([data-theme="dark"]) .std-comp-std-link {
    background: #fffbeb !important;
    border-color: #f3e2a0 !important;
    color: #9a7200 !important;
}
html[data-season="noir"]:not([data-theme="dark"]) .std-comp-std-link:hover,
html[data-season="noir"]:not([data-theme="dark"]) .std-comp-store-url:hover,
html[data-season="noir"]:not([data-theme="dark"]) .std-comp-track-link:hover {
    border-color: #c49000 !important;
    color: #9a7200 !important;
}
html[data-season="noir"][data-theme="dark"] .store-detail-page-shell .std-comp-std-link,
html[data-season="noir"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-std-link {
    background: rgba(230, 176, 0, 0.18) !important;
    border-color: rgba(245, 196, 0, 0.5) !important;
    color: #ffe9a3 !important;
}
html[data-season="noir"][data-theme="dark"] .store-detail-page-shell .std-comp-std-link:hover,
html[data-season="noir"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-std-link:hover {
    background: rgba(230, 176, 0, 0.28) !important;
    border-color: #f5c400 !important;
    color: #fffbeb !important;
}
html[data-season="noir"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-store-url,
html[data-season="noir"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-track-link,
html[data-season="noir"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor button.std-comp-track-link {
    border-color: rgba(245, 196, 0, 0.4) !important;
    color: #ffe9a3 !important;
}