/* ============================================================================
   Harbor — bright aqua on black.
   html[data-season="harbor"] — set before paint from wh-dark-mode-init.php.
   Off unless Harbor is chosen in Change Theme.

   The rail stays black. A clear aqua is the active state and the Upgrade
   button. Dark type sits on the aqua so it stays readable. Pages stay
   white and ink.
   ========================================================================== */
html[data-season="harbor"] {
    --wh-accent-rgb: 18, 138, 128;
    --wh-accent-strong-rgb: 14, 110, 102;
    --wh-accent-fill-rgb: 18, 138, 128;
    --wh-accent-mid-rgb: 69, 224, 200;
    --wh-accent: #128a80;
    --wh-accent-strong: #128a80;
    --wh-accent-hover: #0e6e66;
    --wh-accent-text: #0e6e66;
    --wh-accent-text-deep: #0a524c;
    --wh-accent-fill: #128a80;
    --wh-accent-mid: #2ec4b6;
    --wh-accent-text-soft: #0e6e66;
    --wh-accent-bright: #128a80;
    --wh-accent-vivid: #128a80;
    --wh-accent-ice: #0e6e66;
    --wh-accent-border-soft: #b7ebe4;
    --wh-accent-soft: #f3fcfb;
    --wh-accent-soft-2: #f3fcfb;
    --wh-accent-soft-3: #eefaf8;
    --wh-accent-soft-4: #eefaf8;
    --wh-accent-soft-5: #f3fcfb;
    --wh-accent-soft-6: #f3fcfb;
    --wh-accent-soft-7: #f3fcfb;

    --app-primary: #128a80;
    --app-primary-hover: #0e6e66;
    --app-primary-soft: #f3fcfb;
    --app-primary-text: #0e6e66;
    --es2-primary: #128a80;
    --es2-primary-soft: #f3fcfb;
    --es2-primary-text: #0e6e66;
    --app-chrome-gradient: linear-gradient(180deg, #050505 0%, #09090b 58%, #0c1818 100%);

    accent-color: #128a80;
}

html[data-season="harbor"][data-theme="dark"],
html[data-season="harbor"][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: #243c3a;
    --dk-border-strong: #2f4e4c;

    --wh-accent-rgb: 69, 224, 200;
    --wh-accent-strong-rgb: 69, 224, 200;
    --wh-accent-fill-rgb: 69, 224, 200;
    --wh-accent-mid-rgb: 154, 240, 228;
    --wh-accent: #45E0C8;
    --wh-accent-strong: #2ec4b6;
    --wh-accent-hover: #9af0e4;
    --wh-accent-text: #dff8f4;
    --wh-accent-text-deep: #dff8f4;
    --wh-accent-fill: #45E0C8;
    --wh-accent-mid: #9af0e4;
    --wh-accent-text-soft: #dff8f4;
    --wh-accent-bright: #9af0e4;
    --wh-accent-vivid: #45E0C8;
    --wh-accent-ice: #dff8f4;
    --wh-accent-border-soft: #dff8f4;
    --wh-accent-soft: rgba(69, 224, 200, 0.16);
    --wh-accent-soft-2: rgba(69, 224, 200, 0.14);
    --wh-accent-soft-3: rgba(69, 224, 200, 0.18);
    --wh-accent-soft-4: rgba(69, 224, 200, 0.2);
    --wh-accent-soft-5: rgba(69, 224, 200, 0.16);
    --wh-accent-soft-6: rgba(69, 224, 200, 0.12);
    --wh-accent-soft-7: rgba(69, 224, 200, 0.12);

    --dk-accent: #45E0C8;
    --dk-accent-hover: #9af0e4;
    --dk-accent-border: rgba(69, 224, 200, 0.5);
    --dk-button: #2ec4b6;
    --dk-button-hover: #1a9e94;
    --dk-primary-soft: rgba(69, 224, 200, 0.18);
    --es2-primary: var(--dk-accent);
    --es2-primary-soft: var(--dk-primary-soft);
    --es2-primary-text: #dff8f4;
    --dk-eu-bar-bg: #102020;
    --dk-eu-bar-text: #dff8f4;
    --dk-eu-bar-value: #f4fffd;
    --dk-eu-bar-muted: #45E0C8;
    --dk-eu-bar-sep: rgba(223, 248, 244, 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: #45E0C8;
    --wh-tab-primary-hover: #9af0e4;
    --wh-tab-primary-soft: rgba(69, 224, 200, 0.18);
    --wh-tab-primary-border: rgba(69, 224, 200, 0.4);

    --app-bg: #0c0c0e;
    --app-surface: #141416;
    --app-surface-hov: #1c1c20;
    --app-surface-active: #26262c;
    --app-border: #243c3a;
    --app-border-strong: #2f4e4c;
    --app-primary: #45E0C8;
    --app-primary-hover: #9af0e4;
    --app-primary-soft: rgba(69, 224, 200, 0.18);
    --app-primary-text: #dff8f4;
    --app-chrome-bg: #050505;
    --app-chrome-gradient: linear-gradient(180deg, #050505 0%, #09090b 58%, #0c1818 100%);

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

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

html[data-season="harbor"] ::selection {
    color: #042824;
    background: #45E0C8;
}

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

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

html[data-season="harbor"] .app-sidebar,
html[data-season="harbor"] .app-menu {
    --app-primary: #45E0C8;
    --app-primary-hover: #9af0e4;
    --app-primary-soft: rgba(69, 224, 200, 0.16);
}

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

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

html[data-season="harbor"] .app-utility-link__badge,
html[data-season="harbor"] .app-utility-link__badge:not(:empty),
html[data-season="harbor"] .app-menu__free-badge {
    background: #45E0C8;
    color: #042824;
}

html[data-season="harbor"] .app-sidebar__cta--upgrade,
html[data-season="harbor"] .app-sidebar__cta--upgrade-dark {
    background: #45E0C8;
    border-color: rgba(255, 255, 255, 0.22);
    color: #042824;
    box-shadow: 0 2px 10px rgba(69, 224, 200, 0.35);
}
html[data-season="harbor"] .app-sidebar__cta--upgrade:hover,
html[data-season="harbor"] .app-sidebar__cta--upgrade-dark:hover {
    background: #2ecfba;
    color: #042824;
}

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

html[data-season="harbor"] .w-button,
html[data-season="harbor"] .pageadcount,
html[data-season="harbor"][data-theme="dark"] .w-button,
html[data-season="harbor"][data-theme="dark"] .pageadcount {
    background-color: #45E0C8;
    border-color: #2ecfba;
    color: #042824;
}
html[data-season="harbor"] .w-button:hover,
html[data-season="harbor"] .pageadcount:hover,
html[data-season="harbor"][data-theme="dark"] .w-button:hover,
html[data-season="harbor"][data-theme="dark"] .pageadcount:hover {
    background-color: #2ecfba;
    color: #042824;
}

html[data-season="harbor"] .wh-theme-toggle--pill.is-dark .wh-theme-toggle__thumb {
    background: #45E0C8;
}
html[data-season="harbor"] .wh-theme-toggle--pill.is-dark .wh-theme-toggle__thumb-glyph--moon {
    color: #042824;
}

.wh-harbor-row__icon {
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    color: #45E0C8;
}
html .wh-harbor-row.is-on .wh-harbor-row__icon,
html .app-menu__theme-row.wh-harbor-row .wh-harbor-row__icon {
    color: #9af0e4;
}
.wh-harbor-row.is-on .wh-harbor-row__icon {
    filter: drop-shadow(0 0 4px rgba(69, 224, 200, 0.7));
}

.wh-harbor-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-harbor-toggle:focus {
    outline: none;
}
.wh-harbor-toggle:focus-visible .wh-harbor-toggle__track {
    box-shadow: 0 0 0 2px #09090b, 0 0 0 4px rgba(69, 224, 200, 0.7);
}
.wh-harbor-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-harbor-toggle.is-on .wh-harbor-toggle__track {
    background: linear-gradient(180deg, #102020 0%, #081414 100%);
    border-color: rgba(69, 224, 200, 0.45);
}
.wh-harbor-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-harbor-toggle.is-on .wh-harbor-toggle__thumb {
    left: calc(100% - 20px);
    background: #128a80;
    box-shadow: 0 0 8px rgba(69, 224, 200, 0.65);
}

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

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

html[data-season="harbor"]:not([data-theme="dark"]) .landers-active-view-btn,
html[data-season="harbor"]:not([data-theme="dark"]) .explore-vc-footer-btn--primary,
html[data-season="harbor"]:not([data-theme="dark"]) .range-preset-chip.active,
html[data-season="harbor"]:not([data-theme="dark"]) .tp-preset-chip.active,
html[data-season="harbor"]:not([data-theme="dark"]) .lightpick.lightpick--explore-shops .lightpick__apply-action {
    background: #45E0C8 !important;
    background-color: #45E0C8 !important;
    border-color: #2ecfba !important;
    color: #042824 !important;
}
html[data-season="harbor"]:not([data-theme="dark"]) .landers-active-view-btn:hover,
html[data-season="harbor"]:not([data-theme="dark"]) .explore-vc-footer-btn--primary:hover,
html[data-season="harbor"]:not([data-theme="dark"]) .lightpick.lightpick--explore-shops .lightpick__apply-action:hover {
    background: #2ecfba !important;
    background-color: #2ecfba !important;
    border-color: #1a9e94 !important;
    color: #042824 !important;
}

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

html[data-season="harbor"]:not([data-theme="dark"]) .shops-table .explore-meta-wh-link,
html[data-season="harbor"]:not([data-theme="dark"]) .shops-table .store-tag-row .explore-meta-wh-link,
html[data-season="harbor"]:not([data-theme="dark"]) .new-page-wrapper .explore-shops-tile-footer .explore-meta-wh-link {
    border-color: rgba(18, 138, 128, 0.28) !important;
}
html[data-season="harbor"]:not([data-theme="dark"]) .shops-table .explore-meta-wh-link:hover,
html[data-season="harbor"]:not([data-theme="dark"]) .shops-table .store-tag-row .explore-meta-wh-link:hover,
html[data-season="harbor"]:not([data-theme="dark"]) .new-page-wrapper .explore-shops-tile-footer .explore-meta-wh-link:hover {
    background: #f3fcfb !important;
    border-color: #128a80 !important;
}

html[data-season="harbor"][data-theme="dark"] .filter-preset-card.active,
html[data-season="harbor"][data-theme="dark"] .preset-filters .dashboard-quick-filter-pill.active-pill,
html[data-season="harbor"][data-theme="dark"] .preset-filters .dashboard-quick-filter-pill[data-active="true"] {
    border-color: rgba(69, 224, 200, 0.65) !important;
}
html[data-season="harbor"][data-theme="dark"] .qf-active-dot {
    background: #45E0C8 !important;
}

html[data-season="harbor"]:not([data-theme="dark"]) {
    --std2-primary: #128a80;
    --std2-primary-soft: #f3fcfb;
    --std2-primary-hover: #0e6e66;
}
html[data-season="harbor"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-level-1 {
    background: #45E0C8;
    border-color: #2ecfba;
    color: #042824;
    box-shadow: 0 1px 2px rgba(18, 138, 128, 0.28);
}
html[data-season="harbor"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-level-2,
html[data-season="harbor"]:not([data-theme="dark"]) .niche-badges .niche-badges-pill.niche-badges-more {
    background: #f3fcfb;
    border-color: rgba(18, 138, 128, 0.24);
    color: #0e6e66;
}
html[data-season="harbor"][data-theme="dark"] .niche-badges-pill.niche-level-2 {
    background: rgba(69, 224, 200, 0.22) !important;
    border-color: rgba(69, 224, 200, 0.35) !important;
    color: #dff8f4 !important;
}

html[data-season="harbor"]:not([data-theme="dark"]) .std-title-bar-actions .std-title-track-brand-btn {
    background: #45E0C8 !important;
    background-color: #45E0C8 !important;
    color: #042824 !important;
}
html[data-season="harbor"]:not([data-theme="dark"]) .std-title-bar-actions .std-title-track-brand-btn:hover {
    background: #2ecfba !important;
    background-color: #2ecfba !important;
    color: #042824 !important;
}
html[data-season="harbor"]:not([data-theme="dark"]) .std-store-top-tab.is-active .std-store-top-tab-count,
html[data-season="harbor"]:not([data-theme="dark"]) .std-store-top-tab.is-active .std-meta-ads-count,
html[data-season="harbor"]:not([data-theme="dark"]) .std-store-top-tab--meta-ads .std-meta-ads-count,
html[data-season="harbor"]:not([data-theme="dark"]) .std-store-top-tab--google-ads .std-meta-ads-count,
html[data-season="harbor"]:not([data-theme="dark"]) .std-meta-ads-count {
    background: #f3fcfb !important;
    border-color: rgba(18, 138, 128, 0.24) !important;
    color: #0e6e66 !important;
}
html[data-season="harbor"]:not([data-theme="dark"]) .std-prod-mode-toggle-btn.is-active,
html[data-season="harbor"]:not([data-theme="dark"]) .tts-cp-btn--active,
html[data-season="harbor"]:not([data-theme="dark"]) .tts-cp-btn--active svg {
    color: #128a80 !important;
}
html[data-season="harbor"]:not([data-theme="dark"]) .tts-cp-btn--active {
    background: #f3fcfb !important;
    border-color: rgba(18, 138, 128, 0.32) !important;
}

html[data-season="harbor"]:not([data-theme="dark"]) .std-comp-std-link {
    background: #f3fcfb !important;
    border-color: #b7ebe4 !important;
    color: #0e6e66 !important;
}
html[data-season="harbor"]:not([data-theme="dark"]) .std-comp-std-link:hover,
html[data-season="harbor"]:not([data-theme="dark"]) .std-comp-store-url:hover,
html[data-season="harbor"]:not([data-theme="dark"]) .std-comp-track-link:hover {
    border-color: #128a80 !important;
    color: #0e6e66 !important;
}
html[data-season="harbor"][data-theme="dark"] .store-detail-page-shell .std-comp-std-link,
html[data-season="harbor"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-std-link {
    background: rgba(69, 224, 200, 0.18) !important;
    border-color: rgba(69, 224, 200, 0.5) !important;
    color: #dff8f4 !important;
}
html[data-season="harbor"][data-theme="dark"] .store-detail-page-shell .std-comp-std-link:hover,
html[data-season="harbor"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-std-link:hover {
    background: rgba(69, 224, 200, 0.28) !important;
    border-color: #45E0C8 !important;
    color: #f4fffd !important;
}
html[data-season="harbor"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-store-url,
html[data-season="harbor"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-track-link,
html[data-season="harbor"][data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor button.std-comp-track-link {
    border-color: rgba(69, 224, 200, 0.4) !important;
    color: #dff8f4 !important;
}