/* ============================================================================
   Leaf — spring green on black.
   html[data-season="grove"] — kept so a saved Grove choice stays on this theme.
   Off unless Leaf is chosen in Change Theme.

   The rail stays black. A bright spring green is the active state and the
   Upgrade button. Dark type sits on the green so it stays readable.
   Pages stay white and ink. Rising numbers keep their own green.
   ========================================================================== */
html[data-season="grove"] {
    --wh-accent-rgb: 63, 154, 42;
    --wh-accent-strong-rgb: 47, 122, 31;
    --wh-accent-fill-rgb: 63, 154, 42;
    --wh-accent-mid-rgb: 111, 206, 69;
    --wh-accent: #3f9a2a;
    --wh-accent-strong: #3f9a2a;
    --wh-accent-hover: #2f7a1f;
    --wh-accent-text: #2f7a1f;
    --wh-accent-text-deep: #1d5414;
    --wh-accent-fill: #3f9a2a;
    --wh-accent-mid: #6fce45;
    --wh-accent-text-soft: #2f7a1f;
    --wh-accent-bright: #3f9a2a;
    --wh-accent-vivid: #3f9a2a;
    --wh-accent-ice: #2f7a1f;
    --wh-accent-border-soft: #d4efb4;
    --wh-accent-soft: #f6fcec;
    --wh-accent-soft-2: #f6fcec;
    --wh-accent-soft-3: #f3fbe4;
    --wh-accent-soft-4: #f3fbe4;
    --wh-accent-soft-5: #f6fcec;
    --wh-accent-soft-6: #f6fcec;
    --wh-accent-soft-7: #f6fcec;

    --app-primary: #3f9a2a;
    --app-primary-hover: #2f7a1f;
    --app-primary-soft: #f6fcec;
    --app-primary-text: #2f7a1f;
    --es2-primary: #3f9a2a;
    --es2-primary-soft: #f6fcec;
    --es2-primary-text: #2f7a1f;
    --app-chrome-gradient: linear-gradient(180deg, #050505 0%, #09090b 58%, #141c0c 100%);

    accent-color: #3f9a2a;
}

html[data-season="grove"][data-theme="dark"],
html[data-season="grove"][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: #2c3824;
    --dk-border-strong: #3a4e32;

    --wh-accent-rgb: 139, 224, 92;
    --wh-accent-strong-rgb: 111, 206, 69;
    --wh-accent-fill-rgb: 139, 224, 92;
    --wh-accent-mid-rgb: 198, 245, 138;
    --wh-accent: #8BE05C;
    --wh-accent-strong: #6fce45;
    --wh-accent-hover: #c6f58a;
    --wh-accent-text: #e7f8c8;
    --wh-accent-text-deep: #e7f8c8;
    --wh-accent-fill: #8BE05C;
    --wh-accent-mid: #c6f58a;
    --wh-accent-text-soft: #e7f8c8;
    --wh-accent-bright: #c6f58a;
    --wh-accent-vivid: #8BE05C;
    --wh-accent-ice: #e7f8c8;
    --wh-accent-border-soft: #e7f8c8;
    --wh-accent-soft: rgba(111, 206, 69, 0.16);
    --wh-accent-soft-2: rgba(111, 206, 69, 0.14);
    --wh-accent-soft-3: rgba(111, 206, 69, 0.18);
    --wh-accent-soft-4: rgba(111, 206, 69, 0.2);
    --wh-accent-soft-5: rgba(111, 206, 69, 0.16);
    --wh-accent-soft-6: rgba(111, 206, 69, 0.12);
    --wh-accent-soft-7: rgba(111, 206, 69, 0.12);

    --dk-accent: #8BE05C;
    --dk-accent-hover: #c6f58a;
    --dk-accent-border: rgba(139, 224, 92, 0.5);
    --dk-button: #6fce45;
    --dk-button-hover: #5eb83a;
    --dk-primary-soft: rgba(111, 206, 69, 0.18);
    --es2-primary: var(--dk-accent);
    --es2-primary-soft: var(--dk-primary-soft);
    --es2-primary-text: #e7f8c8;
    --dk-eu-bar-bg: #162210;
    --dk-eu-bar-text: #e7f8c8;
    --dk-eu-bar-value: #f8fff0;
    --dk-eu-bar-muted: #8BE05C;
    --dk-eu-bar-sep: rgba(231, 248, 200, 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: #8BE05C;
    --wh-tab-primary-hover: #c6f58a;
    --wh-tab-primary-soft: rgba(111, 206, 69, 0.18);
    --wh-tab-primary-border: rgba(139, 224, 92, 0.4);

    --app-bg: #0c0c0e;
    --app-surface: #141416;
    --app-surface-hov: #1c1c20;
    --app-surface-active: #26262c;
    --app-border: #2c3824;
    --app-border-strong: #3a4e32;
    --app-primary: #8BE05C;
    --app-primary-hover: #c6f58a;
    --app-primary-soft: rgba(111, 206, 69, 0.18);
    --app-primary-text: #e7f8c8;
    --app-chrome-bg: #050505;
    --app-chrome-gradient: linear-gradient(180deg, #050505 0%, #09090b 58%, #141c0c 100%);

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

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

html[data-season="grove"] ::selection {
    color: #10210a;
    background: #8BE05C;
}

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

html[data-season="grove"] .app-shell__content {
    box-shadow: inset 0 0 0 1px rgba(111, 206, 69, 0.22);
}

html[data-season="grove"] .app-sidebar,
html[data-season="grove"] .app-menu {
    --app-primary: #8BE05C;
    --app-primary-hover: #c6f58a;
    --app-primary-soft: rgba(111, 206, 69, 0.16);
}

html[data-season="grove"] .app-nav-link--active,
html[data-season="grove"] .app-nav-group__trigger--active,
html[data-season="grove"] .app-nav-sublink--active {
    background: rgba(111, 206, 69, 0.18);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(139, 224, 92, 0.4);
}

html[data-season="grove"] .app-utility-link--active {
    background: rgba(111, 206, 69, 0.18);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(139, 224, 92, 0.36);
}

html[data-season="grove"] .app-utility-link__badge,
html[data-season="grove"] .app-utility-link__badge:not(:empty),
html[data-season="grove"] .app-menu__free-badge {
    background: #8BE05C;
    color: #10210a;
}

html[data-season="grove"] .app-sidebar__cta--upgrade,
html[data-season="grove"] .app-sidebar__cta--upgrade-dark {
    background: #8BE05C;
    border-color: rgba(255, 255, 255, 0.22);
    color: #10210a;
    box-shadow: 0 2px 10px rgba(139, 224, 92, 0.35);
}
html[data-season="grove"] .app-sidebar__cta--upgrade:hover,
html[data-season="grove"] .app-sidebar__cta--upgrade-dark:hover {
    background: #74c94a;
    color: #10210a;
}

html[data-season="grove"] .app-profile-trigger {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(111, 206, 69, 0.2) 100%);
    border-color: rgba(139, 224, 92, 0.28);
}
html[data-season="grove"] .app-profile-trigger:hover,
html[data-season="grove"] .app-profile-trigger[aria-expanded="true"] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, rgba(111, 206, 69, 0.28) 100%);
    border-color: rgba(139, 224, 92, 0.46);
}

html[data-season="grove"] .w-button,
html[data-season="grove"] .pageadcount,
html[data-season="grove"][data-theme="dark"] .w-button,
html[data-season="grove"][data-theme="dark"] .pageadcount {
    background-color: #8BE05C;
    border-color: #74c94a;
    color: #10210a;
}
html[data-season="grove"] .w-button:hover,
html[data-season="grove"] .pageadcount:hover,
html[data-season="grove"][data-theme="dark"] .w-button:hover,
html[data-season="grove"][data-theme="dark"] .pageadcount:hover {
    background-color: #74c94a;
    color: #10210a;
}

html[data-season="grove"] .wh-theme-toggle--pill.is-dark .wh-theme-toggle__thumb {
    background: #8BE05C;
}
html[data-season="grove"] .wh-theme-toggle--pill.is-dark .wh-theme-toggle__thumb-glyph--moon {
    color: #10210a;
}

.wh-grove-row__icon {
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    color: #8BE05C;
}
html .wh-grove-row.is-on .wh-grove-row__icon,
html .app-menu__theme-row.wh-grove-row .wh-grove-row__icon {
    color: #c6f58a;
}
.wh-grove-row.is-on .wh-grove-row__icon {
    filter: drop-shadow(0 0 4px rgba(111, 206, 69, 0.7));
}

.wh-grove-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-grove-toggle:focus {
    outline: none;
}
.wh-grove-toggle:focus-visible .wh-grove-toggle__track {
    box-shadow: 0 0 0 2px #09090b, 0 0 0 4px rgba(139, 224, 92, 0.7);
}
.wh-grove-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-grove-toggle.is-on .wh-grove-toggle__track {
    background: linear-gradient(180deg, #162210 0%, #0e1608 100%);
    border-color: rgba(139, 224, 92, 0.45);
}
.wh-grove-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-grove-toggle.is-on .wh-grove-toggle__thumb {
    left: calc(100% - 20px);
    background: #3f9a2a;
    box-shadow: 0 0 8px rgba(111, 206, 69, 0.65);
}

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

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

html[data-season="grove"]:not([data-theme="dark"]) .landers-active-view-btn,
html[data-season="grove"]:not([data-theme="dark"]) .explore-vc-footer-btn--primary,
html[data-season="grove"]:not([data-theme="dark"]) .range-preset-chip.active,
html[data-season="grove"]:not([data-theme="dark"]) .tp-preset-chip.active,
html[data-season="grove"]:not([data-theme="dark"]) .lightpick.lightpick--explore-shops .lightpick__apply-action {
    background: #8BE05C !important;
    background-color: #8BE05C !important;
    border-color: #74c94a !important;
    color: #10210a !important;
}
html[data-season="grove"]:not([data-theme="dark"]) .landers-active-view-btn:hover,
html[data-season="grove"]:not([data-theme="dark"]) .explore-vc-footer-btn--primary:hover,
html[data-season="grove"]:not([data-theme="dark"]) .lightpick.lightpick--explore-shops .lightpick__apply-action:hover {
    background: #74c94a !important;
    background-color: #74c94a !important;
    border-color: #5eb83a !important;
    color: #10210a !important;
}

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

html[data-season="grove"]:not([data-theme="dark"]) .shops-table .explore-meta-wh-link,
html[data-season="grove"]:not([data-theme="dark"]) .shops-table .store-tag-row .explore-meta-wh-link,
html[data-season="grove"]:not([data-theme="dark"]) .new-page-wrapper .explore-shops-tile-footer .explore-meta-wh-link {
    border-color: rgba(63, 154, 42, 0.28) !important;
}
html[data-season="grove"]:not([data-theme="dark"]) .shops-table .explore-meta-wh-link:hover,
html[data-season="grove"]:not([data-theme="dark"]) .shops-table .store-tag-row .explore-meta-wh-link:hover,
html[data-season="grove"]:not([data-theme="dark"]) .new-page-wrapper .explore-shops-tile-footer .explore-meta-wh-link:hover {
    background: #f6fcec !important;
    border-color: #3f9a2a !important;
}

html[data-season="grove"][data-theme="dark"] .filter-preset-card.active,
html[data-season="grove"][data-theme="dark"] .preset-filters .dashboard-quick-filter-pill.active-pill,
html[data-season="grove"][data-theme="dark"] .preset-filters .dashboard-quick-filter-pill[data-active="true"] {
    border-color: rgba(139, 224, 92, 0.65) !important;
}
html[data-season="grove"][data-theme="dark"] .qf-active-dot {
    background: #8BE05C !important;
}

html[data-season="grove"]:not([data-theme="dark"]) {
    --std2-primary: #3f9a2a;
    --std2-primary-soft: #f6fcec;
    --std2-primary-hover: #2f7a1f;
}
html[data-season="grove"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-level-1 {
    background: #8BE05C;
    border-color: #74c94a;
    color: #10210a;
    box-shadow: 0 1px 2px rgba(63, 154, 42, 0.28);
}
html[data-season="grove"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-level-2,
html[data-season="grove"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-badges-more {
    background: #f6fcec;
    border-color: rgba(63, 154, 42, 0.24);
    color: #2f7a1f;
}
html[data-season="grove"][data-theme="dark"] .niche-badges-pill.niche-level-2 {
    background: rgba(111, 206, 69, 0.22) !important;
    border-color: rgba(139, 224, 92, 0.35) !important;
    color: #e7f8c8 !important;
}

html[data-season="grove"]:not([data-theme="dark"]) .std-title-bar-actions .std-title-track-brand-btn {
    background: #8BE05C !important;
    background-color: #8BE05C !important;
    color: #10210a !important;
}
html[data-season="grove"]:not([data-theme="dark"]) .std-title-bar-actions .std-title-track-brand-btn:hover {
    background: #74c94a !important;
    background-color: #74c94a !important;
    color: #10210a !important;
}
html[data-season="grove"]:not([data-theme="dark"]) .std-store-top-tab.is-active .std-store-top-tab-count,
html[data-season="grove"]:not([data-theme="dark"]) .std-store-top-tab.is-active .std-meta-ads-count,
html[data-season="grove"]:not([data-theme="dark"]) .std-store-top-tab--meta-ads .std-meta-ads-count,
html[data-season="grove"]:not([data-theme="dark"]) .std-store-top-tab--google-ads .std-meta-ads-count,
html[data-season="grove"]:not([data-theme="dark"]) .std-meta-ads-count {
    background: #f6fcec !important;
    border-color: rgba(63, 154, 42, 0.24) !important;
    color: #2f7a1f !important;
}
html[data-season="grove"]:not([data-theme="dark"]) .std-prod-mode-toggle-btn.is-active,
html[data-season="grove"]:not([data-theme="dark"]) .tts-cp-btn--active,
html[data-season="grove"]:not([data-theme="dark"]) .tts-cp-btn--active svg {
    color: #3f9a2a !important;
}
html[data-season="grove"]:not([data-theme="dark"]) .tts-cp-btn--active {
    background: #f6fcec !important;
    border-color: rgba(63, 154, 42, 0.32) !important;
}

html[data-season="grove"]:not([data-theme="dark"]) .std-comp-std-link {
    background: #f6fcec !important;
    border-color: #d4efb4 !important;
    color: #2f7a1f !important;
}
html[data-season="grove"]:not([data-theme="dark"]) .std-comp-std-link:hover,
html[data-season="grove"]:not([data-theme="dark"]) .std-comp-store-url:hover,
html[data-season="grove"]:not([data-theme="dark"]) .std-comp-track-link:hover {
    border-color: #3f9a2a !important;
    color: #2f7a1f !important;
}
html[data-season="grove"][data-theme="dark"] .store-detail-page-shell .std-comp-std-link,
html[data-season="grove"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-std-link {
    background: rgba(111, 206, 69, 0.18) !important;
    border-color: rgba(139, 224, 92, 0.5) !important;
    color: #e7f8c8 !important;
}
html[data-season="grove"][data-theme="dark"] .store-detail-page-shell .std-comp-std-link:hover,
html[data-season="grove"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-std-link:hover {
    background: rgba(111, 206, 69, 0.28) !important;
    border-color: #8BE05C !important;
    color: #f8fff0 !important;
}
html[data-season="grove"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-store-url,
html[data-season="grove"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-track-link,
html[data-season="grove"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor button.std-comp-track-link {
    border-color: rgba(139, 224, 92, 0.4) !important;
    color: #e7f8c8 !important;
}
