/* ============================================================================
   Bloom — purple / rose theme.
   html[data-season="bloom"] — set before paint from wh-dark-mode-init.php.
   Off unless the Bloom switch is on.

   #EE53F9 does the work (buttons, links, selection). The rail stays
   the dark wash. Surfaces stay ink and white. Type on the fill is dark.
   ========================================================================== */

html[data-season="bloom"] {
    --wh-bloom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='%23c4b5fd' d='M9 1.55c.5 2.15 1.55 3.55 3.4 4.2-1.85.65-2.9 2.05-3.4 4.2-.5-2.15-1.55-3.55-3.4-4.2 1.85-.65 2.9-2.05 3.4-4.2z'/%3E%3Ccircle cx='9' cy='8.55' r='1.25' fill='%23f472b6'/%3E%3C/svg%3E");

    --wh-accent-rgb: 238, 83, 249;
    --wh-accent-strong-rgb: 194, 24, 212;
    --wh-accent-fill-rgb: 238, 83, 249;
    --wh-accent-mid-rgb: 247, 166, 252;
    --wh-accent: #EE53F9;
    --wh-accent-strong: #c218d4;
    --wh-accent-hover: #d63ee6;
    --wh-accent-text: #c218d4;
    --wh-accent-text-deep: #a21caf;
    --wh-accent-fill: #EE53F9;
    --wh-accent-mid: #f7a6fc;
    --wh-accent-text-soft: #c218d4;
    --wh-accent-bright: #EE53F9;
    --wh-accent-vivid: #EE53F9;
    --wh-accent-ice: #c218d4;
    --wh-accent-border-soft: #ddd6fe;
    --wh-accent-soft: #fdf2f8;
    --wh-accent-soft-2: #fdf2f8;
    --wh-accent-soft-3: #fce7f3;
    --wh-accent-soft-4: #fce7f3;
    --wh-accent-soft-5: #fdf2f8;
    --wh-accent-soft-6: #fce7f3;
    --wh-accent-soft-7: #fdf2f8;

    --app-primary: #EE53F9;
    --app-primary-hover: #d63ee6;
    --app-primary-soft: #fdf2f8;
    --app-primary-text: #c218d4;
    --es2-primary: #EE53F9;
    --es2-primary-soft: #fdf2f8;
    --es2-primary-text: #c218d4;
    /* Dark rail. Pink stays on the accent, not the whole panel. */
    --app-chrome-gradient: linear-gradient(180deg, #09090b 0%, #100c16 42%, #18101f 74%, #2a1224 100%);

    accent-color: #EE53F9;
}

html[data-season="bloom"][data-theme="dark"],
html[data-season="bloom"][data-theme="dark"][data-palette="neutral"] {
    --dk-bg: #100e16;
    --dk-surface-deep: #0b0910;
    --dk-surface: #16131e;
    --dk-surface-2: #1e1928;
    --dk-surface-3: #282232;
    --dk-filter-surface: var(--dk-surface-3);
    --dk-filter-surface-hover: #342c42;
    --dk-border: #3c334e;
    --dk-border-strong: #524668;

    /* #EE53F9 for text and fills. Type on the fill stays dark. */
    --wh-accent-rgb: 238, 83, 249;
    --wh-accent-strong-rgb: 214, 62, 230;
    --wh-accent-fill-rgb: 238, 83, 249;
    --wh-accent-mid-rgb: 247, 166, 252;
    --wh-accent: #EE53F9;
    --wh-accent-strong: #EE53F9;
    --wh-accent-hover: #f7a6fc;
    --wh-accent-text: #fde7ff;
    --wh-accent-text-deep: #fde7ff;
    --wh-accent-fill: #EE53F9;
    --wh-accent-mid: #f7a6fc;
    --wh-accent-text-soft: #fde7ff;
    --wh-accent-bright: #f7a6fc;
    --wh-accent-vivid: #EE53F9;
    --wh-accent-ice: #fde7ff;
    --wh-accent-border-soft: #e9d5ff;
    --wh-accent-soft: rgba(124, 58, 237, 0.18);
    --wh-accent-soft-2: rgba(124, 58, 237, 0.14);
    --wh-accent-soft-3: rgba(192, 132, 252, 0.16);
    --wh-accent-soft-4: rgba(244, 114, 182, 0.14);
    --wh-accent-soft-5: rgba(124, 58, 237, 0.16);
    --wh-accent-soft-6: rgba(124, 58, 237, 0.12);
    --wh-accent-soft-7: rgba(124, 58, 237, 0.12);

    --dk-accent: #EE53F9;
    --dk-accent-hover: #f7a6fc;
    --dk-accent-border: rgba(238, 83, 249, 0.5);
    --dk-button: #EE53F9;
    --dk-button-hover: #d63ee6;
    --dk-primary-soft: rgba(124, 58, 237, 0.2);
    --es2-primary: var(--dk-accent);
    --es2-primary-soft: var(--dk-primary-soft);
    --es2-primary-text: #f3e8ff;
    --dk-eu-bar-bg: #2a1838;
    --dk-eu-bar-text: #f3e8ff;
    --dk-eu-bar-value: #fdf4ff;
    --dk-eu-bar-muted: #f0abfc;
    --dk-eu-bar-sep: rgba(243, 232, 255, 0.35);
    --dk-filter-accent-border: rgba(255, 255, 255, 0.10);
    --dk-filter-accent-border-hover: rgba(255, 255, 255, 0.16);
    --wh-tab-primary: #EE53F9;
    --wh-tab-primary-hover: #f7a6fc;
    --wh-tab-primary-soft: rgba(124, 58, 237, 0.2);
    --wh-tab-primary-border: rgba(216, 180, 254, 0.38);

    --app-bg: #100e16;
    --app-surface: #16131e;
    --app-surface-hov: #1e1928;
    --app-surface-active: #282232;
    --app-border: #3c334e;
    --app-border-strong: #524668;
    --app-primary: #EE53F9;
    --app-primary-hover: #f7a6fc;
    --app-primary-soft: rgba(124, 58, 237, 0.2);
    --app-primary-text: #f3e8ff;
    --app-chrome-bg: #09090b;
    --app-chrome-gradient: linear-gradient(180deg, #09090b 0%, #100c16 46%, #1a1022 76%, #2a1224 100%);

    /* Violet from the left, rose from the right. Same falloff as dark-mode.css. */
    --dk-corner-glow-l: radial-gradient(
        ellipse at left top,
        rgba(167, 139, 250, 0.18) 0%,
        rgba(124, 58, 237, 0.07) 30%,
        rgba(124, 58, 237, 0.02) 48%,
        rgba(124, 58, 237, 0) 62%
    );
    --dk-corner-glow-r: radial-gradient(
        ellipse at right top,
        rgba(244, 114, 182, 0.14) 0%,
        rgba(192, 132, 252, 0.05) 30%,
        rgba(192, 132, 252, 0.016) 48%,
        rgba(192, 132, 252, 0) 62%
    );
}

html[data-season="bloom"][data-theme="dark"] .wh-home-logo-stage::before {
    background: radial-gradient(
        ellipse at center,
        rgba(192, 132, 252, 0.18) 0%,
        rgba(244, 114, 182, 0.06) 46%,
        transparent 72%
    );
}

html[data-season="bloom"] ::selection {
    color: #2a0a32;
    background: #EE53F9;
}

/* Bezel: two soft blooms and a few sparks. Not a starfield. */
html[data-season="bloom"] .app-shell-chrome {
    background-image:
        radial-gradient(140px 180px at 6% 96%, rgba(167, 139, 250, 0.22), transparent 70%),
        radial-gradient(110px 150px at 96% 6%, rgba(244, 114, 182, 0.16), transparent 72%),
        radial-gradient(1.2px 1.2px at 24% 28%, rgba(255, 255, 255, 0.55) 50%, transparent 52%),
        radial-gradient(1px 1px at 72% 62%, rgba(244, 114, 182, 0.55) 50%, transparent 52%),
        radial-gradient(1.3px 1.3px at 84% 34%, rgba(216, 180, 254, 0.7) 50%, transparent 52%),
        var(--app-chrome-gradient);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

html[data-season="bloom"] .app-shell__content {
    box-shadow: inset 0 0 0 1px rgba(192, 132, 252, 0.2);
}

html[data-season="bloom"] .app-sidebar__logo-wrap {
    position: relative;
}
html[data-season="bloom"] .app-sidebar__logo-wrap::after,
html[data-season="bloom"] .app-sidebar__mark-wrap::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    pointer-events: none;
    background: var(--wh-bloom) center / contain no-repeat;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.45));
    animation: wh-bloom-glow 3.2s ease-in-out infinite;
}
html[data-season="bloom"] .app-sidebar__logo-wrap::after {
    right: -2px;
    bottom: 0;
}
html[data-season="bloom"] .app-sidebar__mark-wrap::after {
    right: -1px;
    bottom: -1px;
    width: 14px;
    height: 14px;
}

@keyframes wh-bloom-glow {
    0%, 100% { filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.45)); }
    50% { filter: drop-shadow(0 0 6px rgba(244, 114, 182, 0.85)); }
}

html[data-season="bloom"] .app-sidebar,
html[data-season="bloom"] .app-menu {
    --app-primary: #EE53F9;
    --app-primary-hover: #f7a6fc;
    --app-primary-soft: rgba(236, 72, 153, 0.18);
}

html[data-season="bloom"] .app-nav-link--active,
html[data-season="bloom"] .app-nav-group__trigger--active,
html[data-season="bloom"] .app-nav-sublink--active {
    background: rgba(238, 83, 249, 0.22);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(238, 83, 249, 0.45);
}

html[data-season="bloom"] .app-utility-link--active {
    background: rgba(238, 83, 249, 0.22);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(238, 83, 249, 0.4);
}

html[data-season="bloom"] .app-utility-link__badge,
html[data-season="bloom"] .app-utility-link__badge:not(:empty) {
    background: #EE53F9;
    color: #2a0a32;
}

html[data-season="bloom"] .app-sidebar__cta--upgrade,
html[data-season="bloom"] .app-sidebar__cta--upgrade-dark {
    background: #EE53F9;
    color: #2a0a32;
    box-shadow: 0 2px 10px rgba(244, 114, 182, 0.4);
}
html[data-season="bloom"] .app-sidebar__cta--upgrade:hover,
html[data-season="bloom"] .app-sidebar__cta--upgrade-dark:hover {
    background: #d63ee6;
    color: #2a0a32;
}

html[data-season="bloom"] .app-profile-trigger {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(168, 85, 247, 0.2) 100%);
    border-color: rgba(216, 180, 254, 0.28);
}
html[data-season="bloom"] .app-profile-trigger:hover,
html[data-season="bloom"] .app-profile-trigger[aria-expanded="true"] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(244, 114, 182, 0.22) 100%);
    border-color: rgba(244, 114, 182, 0.42);
}

html[data-season="bloom"] .w-button,
html[data-season="bloom"] .pageadcount {
    background-color: #EE53F9;
    border-color: #EE53F9;
    color: #2a0a32;
}
html[data-season="bloom"] .w-button:hover,
html[data-season="bloom"] .pageadcount:hover {
    background-color: #d63ee6;
    color: #2a0a32;
}

html[data-season="bloom"] .wh-theme-toggle--pill.is-dark .wh-theme-toggle__thumb {
    background: linear-gradient(135deg, #a78bfa 0%, #EE53F9 100%);
}

html[data-season="bloom"] .app-menu__free-badge {
    background: #EE53F9;
    color: #2a0a32;
}

/* Account-menu switch. */
.wh-bloom-row__icon {
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    color: #d8b4fe;
}
html .app-utility-link:hover .wh-bloom-row__icon,
html .wh-bloom-row.is-on .wh-bloom-row__icon,
html .app-menu__theme-row.wh-bloom-row .wh-bloom-row__icon {
    color: #e9d5ff;
}
.wh-bloom-row.is-on .wh-bloom-row__icon {
    filter: drop-shadow(0 0 4px rgba(244, 114, 182, 0.65));
}

.wh-bloom-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-bloom-toggle:focus {
    outline: none;
}
.wh-bloom-toggle:focus-visible .wh-bloom-toggle__track {
    box-shadow: 0 0 0 2px #09090b, 0 0 0 4px rgba(216, 180, 254, 0.7);
}
.wh-bloom-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-bloom-toggle.is-on .wh-bloom-toggle__track {
    background: linear-gradient(180deg, #2a1840 0%, #1a1024 100%);
    border-color: rgba(216, 180, 254, 0.45);
}
.wh-bloom-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-bloom-toggle.is-on .wh-bloom-toggle__thumb {
    left: calc(100% - 20px);
    background: linear-gradient(135deg, #c084fc 0%, #EE53F9 100%);
    box-shadow: 0 0 8px rgba(244, 114, 182, 0.6);
}

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

@media (prefers-reduced-motion: reduce) {
    html[data-season="bloom"] .app-sidebar__logo-wrap::after,
    html[data-season="bloom"] .app-sidebar__mark-wrap::after,
    .wh-bloom-toggle__thumb {
        animation: none !important;
    }
}

/* Light mode keeps a lot of actions on a hardcoded brand blue. */
html[data-season="bloom"]:not([data-theme="dark"]) .landers-active-view-btn,
html[data-season="bloom"]:not([data-theme="dark"]) .explore-vc-footer-btn--primary,
html[data-season="bloom"]:not([data-theme="dark"]) .range-preset-chip.active,
html[data-season="bloom"]:not([data-theme="dark"]) .tp-preset-chip.active,
html[data-season="bloom"]:not([data-theme="dark"]) .lightpick.lightpick--explore-shops .lightpick__apply-action {
    background: #EE53F9 !important;
    background-color: #EE53F9 !important;
    border-color: #EE53F9 !important;
    color: #2a0a32 !important;
}
html[data-season="bloom"]:not([data-theme="dark"]) .landers-active-view-btn:hover,
html[data-season="bloom"]:not([data-theme="dark"]) .explore-vc-footer-btn--primary:hover,
html[data-season="bloom"]:not([data-theme="dark"]) .lightpick.lightpick--explore-shops .lightpick__apply-action:hover {
    background: #d63ee6 !important;
    background-color: #d63ee6 !important;
    border-color: #EE53F9 !important;
    color: #2a0a32 !important;
}

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

html[data-season="bloom"]:not([data-theme="dark"]) .shops-table .explore-meta-wh-link,
html[data-season="bloom"]:not([data-theme="dark"]) .shops-table .store-tag-row .explore-meta-wh-link,
html[data-season="bloom"]:not([data-theme="dark"]) .new-page-wrapper .explore-shops-tile-footer .explore-meta-wh-link {
    border-color: rgba(109, 40, 217, 0.28) !important;
}
html[data-season="bloom"]:not([data-theme="dark"]) .shops-table .explore-meta-wh-link:hover,
html[data-season="bloom"]:not([data-theme="dark"]) .shops-table .store-tag-row .explore-meta-wh-link:hover,
html[data-season="bloom"]:not([data-theme="dark"]) .new-page-wrapper .explore-shops-tile-footer .explore-meta-wh-link:hover {
    background: #f5f3ff !important;
    border-color: #d63ee6 !important;
}

html[data-season="bloom"][data-theme="dark"] .filter-preset-card.active,
html[data-season="bloom"][data-theme="dark"] .preset-filters .dashboard-quick-filter-pill.active-pill,
html[data-season="bloom"][data-theme="dark"] .preset-filters .dashboard-quick-filter-pill[data-active="true"] {
    border-color: rgba(216, 180, 254, 0.6) !important;
}
html[data-season="bloom"][data-theme="dark"] .qf-active-dot {
    background: #c084fc !important;
}

html[data-season="bloom"]:not([data-theme="dark"]) {
    --std2-primary: #d63ee6;
    --std2-primary-soft: #f5f3ff;
    --std2-primary-hover: #a21caf;
}
html[data-season="bloom"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-level-1 {
    background: #EE53F9;
    border-color: #EE53F9;
    color: #2a0a32;
    box-shadow: 0 1px 2px rgba(109, 40, 217, 0.28);
}
html[data-season="bloom"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-level-2,
html[data-season="bloom"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-badges-more {
    background: #f5f3ff;
    border-color: rgba(109, 40, 217, 0.22);
    color: #a21caf;
}
html[data-season="bloom"][data-theme="dark"] .niche-badges-pill.niche-level-2 {
    background: rgba(192, 132, 252, 0.18) !important;
    border-color: rgba(216, 180, 254, 0.32) !important;
    color: #f3e8ff !important;
}

html[data-season="bloom"]:not([data-theme="dark"]) .std-title-bar-actions .std-title-track-brand-btn {
    background: #EE53F9 !important;
    background-color: #EE53F9 !important;
    color: #2a0a32 !important;
}
html[data-season="bloom"]:not([data-theme="dark"]) .std-title-bar-actions .std-title-track-brand-btn:hover {
    background: #d63ee6 !important;
    background-color: #d63ee6 !important;
    color: #2a0a32 !important;
}
html[data-season="bloom"]:not([data-theme="dark"]) .std-store-top-tab.is-active .std-store-top-tab-count,
html[data-season="bloom"]:not([data-theme="dark"]) .std-store-top-tab.is-active .std-meta-ads-count,
html[data-season="bloom"]:not([data-theme="dark"]) .std-store-top-tab--meta-ads .std-meta-ads-count,
html[data-season="bloom"]:not([data-theme="dark"]) .std-store-top-tab--google-ads .std-meta-ads-count,
html[data-season="bloom"]:not([data-theme="dark"]) .std-meta-ads-count {
    background: #f5f3ff !important;
    border-color: rgba(109, 40, 217, 0.22) !important;
    color: #a21caf !important;
}
html[data-season="bloom"]:not([data-theme="dark"]) .std-prod-mode-toggle-btn.is-active,
html[data-season="bloom"]:not([data-theme="dark"]) .tts-cp-btn--active,
html[data-season="bloom"]:not([data-theme="dark"]) .tts-cp-btn--active svg {
    color: #d63ee6 !important;
}
html[data-season="bloom"]:not([data-theme="dark"]) .tts-cp-btn--active {
    background: #f5f3ff !important;
    border-color: rgba(109, 40, 217, 0.28) !important;
}

html[data-season="bloom"]:not([data-theme="dark"]) .std-comp-std-link {
    background: #f5f3ff !important;
    border-color: #ddd6fe !important;
    color: #a21caf !important;
}
html[data-season="bloom"]:not([data-theme="dark"]) .std-comp-std-link:hover,
html[data-season="bloom"]:not([data-theme="dark"]) .std-comp-store-url:hover,
html[data-season="bloom"]:not([data-theme="dark"]) .std-comp-track-link:hover {
    border-color: #d63ee6 !important;
    color: #a21caf !important;
}
html[data-season="bloom"][data-theme="dark"] .store-detail-page-shell .std-comp-std-link,
html[data-season="bloom"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-std-link {
    background: rgba(124, 58, 237, 0.18) !important;
    border-color: rgba(216, 180, 254, 0.45) !important;
    color: #f3e8ff !important;
}
html[data-season="bloom"][data-theme="dark"] .store-detail-page-shell .std-comp-std-link:hover,
html[data-season="bloom"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-std-link:hover {
    background: rgba(124, 58, 237, 0.28) !important;
    border-color: #d8b4fe !important;
    color: #fdf4ff !important;
}
html[data-season="bloom"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-store-url,
html[data-season="bloom"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-track-link,
html[data-season="bloom"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor button.std-comp-track-link {
    border-color: rgba(216, 180, 254, 0.38) !important;
    color: #f3e8ff !important;
}