/* Wholesale Shop — light theme overrides
   data-theme="light"
   Glass: search shell, bottom nav, occasions card (light frost)
*/

.wsp-app[data-theme="light"],
.wsp-app[data-theme="light"].is-home-view,
.wsp-app[data-theme="light"].is-products-view,
.wsp-app[data-theme="light"].is-desk-view,
.wsp-app[data-theme="light"].is-auth-view {
    --wsp-bg-mesh: #f3f6f6;
    --wsp-bg-grad: #f3f6f6;
    --wsp-card-solid: #ffffff;
    --wsp-ink: #1a2b2c;
    --wsp-muted: #5f7374;
    --wsp-teal: #0e8f97;
    --wsp-teal-deep: #0b7a81;
    --wsp-teal-soft: rgba(14, 143, 151, 0.12);
    --wsp-teal-bar: #128a90;
    --wsp-orange: #f28c28;
    --wsp-orange-soft: rgba(242, 140, 40, 0.16);
    --wsp-line: #d7e0e0;
    --wsp-surface: #ffffff;
    --wsp-card: #ffffff;
    --wsp-glass: rgba(255, 255, 255, 0.58);
    --wsp-glass-border: rgba(255, 255, 255, 0.78);
    --wsp-glass-shadow: 0 14px 34px rgba(15, 40, 44, 0.14);
    --wsp-card-shadow: 0 8px 22px rgba(15, 40, 44, 0.06);
    background: var(--wsp-bg-mesh);
    color: var(--wsp-ink);
    color-scheme: light;
}

html[data-wsp-theme="light"]:has(body.wsp-wholesale-page),
html[data-wsp-theme="light"] body.wsp-wholesale-page {
    background: #f3f6f6 !important;
}

.wsp-wholesale-root[data-theme="light"],
.wsp-wholesale-root[data-theme="light"].is-home-view {
    background: var(--wsp-bg-mesh, #f3f6f6);
    box-shadow: 0 0 0 1px rgba(15, 40, 44, 0.08), 0 18px 48px rgba(15, 40, 44, 0.12);
}

/* Remove turquoise circular glow everywhere */
.wsp-app[data-theme="light"] .wsp-ambient,
.wsp-app[data-theme="light"] .wsp-orb,
.wsp-app[data-theme="light"] .wsp-ambient::before,
.wsp-app[data-theme="light"] .wsp-ambient::after {
    display: none !important;
}

/* Default surfaces: solid white cards */
.wsp-app[data-theme="light"] .wsp-glass-card,
.wsp-app[data-theme="light"] .wsp-glass-sheet,
.wsp-app[data-theme="light"] .wsp-glass-bar,
.wsp-app[data-theme="light"] .wsp-glass-inset,
.wsp-app[data-theme="light"] .wsp-product-card,
.wsp-app[data-theme="light"] .wsp-desk-card,
.wsp-app[data-theme="light"] .wsp-desk-tile,
.wsp-app[data-theme="light"] .wsp-desk-order,
.wsp-app[data-theme="light"] .wsp-desk-acc,
.wsp-app[data-theme="light"] .wsp-desk-cal,
.wsp-app[data-theme="light"] .wsp-auth-card,
.wsp-app[data-theme="light"] .wsp-term-group,
.wsp-app[data-theme="light"] .wsp-home-page .wsp-template-preview,
.wsp-app[data-theme="light"].is-home-view .wsp-products-page .wsp-product-card,
.wsp-app[data-theme="light"].is-products-view .wsp-products-page .wsp-product-card,
.wsp-app[data-theme="light"].is-home-view .wsp-term-group,
.wsp-app[data-theme="light"].is-home-view .wsp-home-page .wsp-template-preview {
    background: #ffffff;
    border: 1px solid var(--wsp-line);
    box-shadow: var(--wsp-card-shadow);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    color: var(--wsp-ink);
}

/* Occasions cards: light frost glass */
.wsp-app[data-theme="light"].is-home-view .wsp-calendar-detail.wsp-glass-card,
.wsp-app[data-theme="light"].is-home-view .wsp-calendar-grid.wsp-glass-card,
.wsp-app[data-theme="light"] .wsp-calendar-detail.wsp-glass-card,
.wsp-app[data-theme="light"] .wsp-calendar-grid.wsp-glass-card {
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(255, 255, 255, 0.88);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 14px 32px rgba(15, 40, 44, 0.1);
    backdrop-filter: blur(16px) saturate(1.08);
    -webkit-backdrop-filter: blur(16px) saturate(1.08);
    color: var(--wsp-ink);
}

.wsp-app[data-theme="light"] .wsp-calendar-occasions.wsp-glass-inset {
    background: rgba(255, 255, 255, 0.45);
    border: 1px solid rgba(210, 222, 222, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Glass ONLY on outer search shell — not the inner bar */
.wsp-app[data-theme="light"] .wsp-home-search-header.wsp-glass-nav,
.wsp-app[data-theme="light"].is-home-view .wsp-home-search-header.wsp-glass-nav,
.wsp-app[data-theme="light"].is-home-view .wsp-home-page.has-banner-overlap .wsp-home-search-header.wsp-glass-nav {
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(16px) saturate(1.12);
    -webkit-backdrop-filter: blur(16px) saturate(1.12);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 12px 28px rgba(15, 40, 44, 0.1);
}

.wsp-app[data-theme="light"] .wsp-home-search-header .wsp-search-bar,
.wsp-app[data-theme="light"].is-home-view .wsp-home-page .wsp-search-bar,
.wsp-app[data-theme="light"].is-home-view .wsp-home-search-header .wsp-search-bar {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.wsp-app[data-theme="light"] .wsp-home-search-header input,
.wsp-app[data-theme="light"] .wsp-search-bar input,
.wsp-app[data-theme="light"] .wsp-search-placeholder {
    color: var(--wsp-ink);
}

.wsp-app[data-theme="light"] .wsp-home-search-header input::placeholder,
.wsp-app[data-theme="light"] .wsp-search-bar input::placeholder {
    color: var(--wsp-muted);
}

.wsp-app[data-theme="light"] .wsp-home-search-header .wsp-nav-svg,
.wsp-app[data-theme="light"] .wsp-search-bar .wsp-nav-svg {
    color: var(--wsp-teal);
}

/* Bottom nav: clearer glass + stronger shadow */
.wsp-app[data-theme="light"] .wsp-bottom-nav.wsp-glass-nav,
.wsp-app[data-theme="light"].is-home-view .wsp-bottom-nav.wsp-glass-nav,
.wsp-app[data-theme="light"].is-products-view .wsp-bottom-nav.wsp-glass-nav,
.wsp-app[data-theme="light"].is-desk-view .wsp-bottom-nav.wsp-glass-nav {
    background: rgba(255, 255, 255, 0.48);
    border: 1px solid rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(18px) saturate(1.15);
    -webkit-backdrop-filter: blur(18px) saturate(1.15);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 10px 28px rgba(15, 40, 44, 0.16),
        0 2px 8px rgba(15, 40, 44, 0.08);
}

.wsp-app[data-theme="light"] .wsp-bottom-nav button,
.wsp-app[data-theme="light"].is-home-view .wsp-bottom-nav button,
.wsp-app[data-theme="light"].is-products-view .wsp-bottom-nav button,
.wsp-app[data-theme="light"].is-desk-view .wsp-bottom-nav button {
    color: var(--wsp-muted);
}

.wsp-app[data-theme="light"] .wsp-bottom-nav button.is-active,
.wsp-app[data-theme="light"].is-home-view .wsp-bottom-nav button.is-active,
.wsp-app[data-theme="light"].is-products-view .wsp-bottom-nav button.is-active,
.wsp-app[data-theme="light"].is-desk-view .wsp-bottom-nav button.is-active {
    color: var(--wsp-teal-deep);
}

/* Products header: muted teal bar + white spy text, no white pills */
.wsp-app[data-theme="light"].is-home-view .wsp-products-head,
.wsp-app[data-theme="light"].is-products-view .wsp-products-head {
    position: sticky;
    top: 0;
    z-index: 22;
    background: var(--wsp-teal-bar);
    border-bottom: 0;
    padding-top: calc(10px + env(safe-area-inset-top, 0px));
}

.wsp-app[data-theme="light"].is-home-view .wsp-products-sticky-chrome,
.wsp-app[data-theme="light"].is-products-view .wsp-products-sticky-chrome {
    top: 48px;
    background: var(--wsp-teal-bar);
}

.wsp-app[data-theme="light"].is-home-view .wsp-person-event-tabs,
.wsp-app[data-theme="light"].is-home-view .wsp-product-tabs,
.wsp-app[data-theme="light"].is-products-view .wsp-person-event-tabs,
.wsp-app[data-theme="light"].is-products-view .wsp-product-tabs {
    position: relative;
    top: auto;
    background: var(--wsp-teal-bar) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.wsp-app[data-theme="light"].is-home-view .wsp-products-breadcrumb,
.wsp-app[data-theme="light"].is-home-view .wsp-products-breadcrumb button,
.wsp-app[data-theme="light"].is-home-view .wsp-breadcrumb-sep {
    color: rgba(255, 255, 255, 0.78);
}

.wsp-app[data-theme="light"].is-home-view .wsp-breadcrumb-current {
    color: #ffffff;
    font-weight: 800;
}

.wsp-app[data-theme="light"].is-home-view .wsp-person-event-tab,
.wsp-app[data-theme="light"].is-products-view .wsp-person-event-tab,
.wsp-app[data-theme="light"].is-home-view .wsp-product-tab,
.wsp-app[data-theme="light"].is-home-view .wsp-product-tabs button,
.wsp-app[data-theme="light"] .wsp-product-tabs button {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: rgba(255, 255, 255, 0.88) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    outline: none !important;
}

.wsp-app[data-theme="light"].is-home-view .wsp-person-event-tab.is-active,
.wsp-app[data-theme="light"].is-products-view .wsp-person-event-tab.is-active {
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    color: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
}

.wsp-app[data-theme="light"].is-home-view .wsp-product-tab.is-active,
.wsp-app[data-theme="light"].is-home-view .wsp-product-tabs button.is-active,
.wsp-app[data-theme="light"] .wsp-product-tabs button.is-active {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.55) !important;
    color: #ffffff !important;
}

.wsp-app[data-theme="light"].is-home-view .wsp-person-event-tab.is-active::after,
.wsp-app[data-theme="light"].is-products-view .wsp-person-event-tab.is-active::after {
    background: #ffe08a;
    box-shadow: 0 4px 14px rgba(255, 224, 138, 0.45);
}

/* Banner fade toward white — shorter (about half previous height) */
.wsp-app[data-theme="light"].is-home-view .wsp-home-banner-fade {
    background: linear-gradient(
        180deg,
        rgba(243, 246, 246, 0) 0%,
        rgba(243, 246, 246, 0) 68%,
        rgba(243, 246, 246, 0.22) 82%,
        rgba(243, 246, 246, 0.7) 92%,
        var(--wsp-bg-mesh) 100%
    );
}

.wsp-app[data-theme="light"].is-home-view .wsp-home-banner-blur {
    opacity: 0.2;
    filter: blur(24px) saturate(1.05);
    mask-image: linear-gradient(
        180deg,
        transparent 0%,
        transparent 55%,
        rgba(0, 0, 0, 0.35) 78%,
        rgba(0, 0, 0, 0.9) 100%
    );
    -webkit-mask-image: linear-gradient(
        180deg,
        transparent 0%,
        transparent 55%,
        rgba(0, 0, 0, 0.35) 78%,
        rgba(0, 0, 0, 0.9) 100%
    );
}

/* Calendar icon + month grid lines visible on light */
.wsp-app[data-theme="light"].is-home-view .wsp-calendar-top-toggle,
.wsp-app[data-theme="light"] .wsp-calendar-top-toggle {
    background: var(--wsp-teal-soft);
    border: 1px solid rgba(14, 143, 151, 0.28);
    color: var(--wsp-teal-deep);
}

.wsp-app[data-theme="light"].is-home-view .wsp-calendar-arrow,
.wsp-app[data-theme="light"] .wsp-calendar-arrow {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid var(--wsp-line);
    color: var(--wsp-teal-deep);
}

.wsp-app[data-theme="light"].is-home-view .wsp-calendar-title,
.wsp-app[data-theme="light"].is-home-view .wsp-calendar-grid-head strong,
.wsp-app[data-theme="light"].is-home-view .wsp-calendar-occasions strong,
.wsp-app[data-theme="light"].is-home-view .wsp-calendar-occasions ul,
.wsp-app[data-theme="light"].is-home-view .wsp-month-table .wsp-month-tile,
.wsp-app[data-theme="light"].is-home-view .wsp-month-table .wsp-month-tile strong {
    color: var(--wsp-ink);
}

.wsp-app[data-theme="light"].is-home-view .wsp-month-table .wsp-month-tile small,
.wsp-app[data-theme="light"].is-home-view .wsp-calendar-desc {
    color: var(--wsp-muted);
}

.wsp-app[data-theme="light"].is-home-view .wsp-calendar-count,
.wsp-app[data-theme="light"].is-home-view .wsp-template-preview-top span {
    background: var(--wsp-teal-soft);
    color: var(--wsp-teal-deep);
}

.wsp-app[data-theme="light"].is-home-view .wsp-calendar-grid-head::after {
    background: #c9d4d4;
}

.wsp-app[data-theme="light"].is-home-view .wsp-month-table .wsp-month-tile,
.wsp-app[data-theme="light"].is-home-view .wsp-month-table .wsp-month-tile.is-active,
.wsp-app[data-theme="light"].is-home-view .wsp-month-table .wsp-month-tile:hover {
    border-inline-start-color: #c9d4d4;
    border-bottom-color: #c9d4d4;
    color: var(--wsp-ink);
}

/* Templates: readable labels + clearer frames */
.wsp-app[data-theme="light"].is-home-view .wsp-term-group,
.wsp-app[data-theme="light"] .wsp-term-group {
    border: 1px solid #c5d2d2;
    box-shadow: 0 6px 18px rgba(15, 40, 44, 0.06);
}

.wsp-app[data-theme="light"].is-home-view .wsp-term-group-title,
.wsp-app[data-theme="light"] .wsp-term-group-title {
    background: #f7fafa;
    border: 1px solid #c5d2d2;
    color: #2d3f40;
}

.wsp-app[data-theme="light"].is-home-view .wsp-term-group-icon,
.wsp-app[data-theme="light"] .wsp-term-group-icon {
    background: var(--wsp-teal-soft);
    border: 1px solid rgba(14, 143, 151, 0.28);
    color: var(--wsp-teal-deep);
}

.wsp-app[data-theme="light"].is-home-view .wsp-term-group-icon-img {
    filter: none;
}

.wsp-app[data-theme="light"].is-home-view .wsp-chip,
.wsp-app[data-theme="light"] .wsp-chip,
.wsp-app[data-theme="light"].is-home-view .wsp-person-event-tab.wsp-chip {
    background: #ffffff;
    border: 1px solid #c5d2d2;
    color: #2d3f40;
}

.wsp-app[data-theme="light"].is-home-view .wsp-chip:hover,
.wsp-app[data-theme="light"].is-home-view .wsp-chip.is-active,
.wsp-app[data-theme="light"] .wsp-chip.is-active {
    background: var(--wsp-teal-soft);
    border-color: rgba(14, 143, 151, 0.4);
    color: var(--wsp-teal-deep);
    box-shadow: none;
}

.wsp-app[data-theme="light"].is-home-view .wsp-template-size-item,
.wsp-app[data-theme="light"] .wsp-template-size-item {
    color: #3a4e4f;
}

.wsp-app[data-theme="light"].is-home-view .wsp-template-size-sep,
.wsp-app[data-theme="light"] .wsp-template-size-sep {
    background: #c5d2d2;
}

.wsp-app[data-theme="light"].is-home-view .wsp-template-preview-top h3,
.wsp-app[data-theme="light"].is-home-view .wsp-term-group-head strong,
.wsp-app[data-theme="light"] .wsp-template-preview-body,
.wsp-app[data-theme="light"] .wsp-template-preview-body p {
    color: #2d3f40;
}

.wsp-app[data-theme="light"] .wsp-template-preview {
    border: 1px solid #c5d2d2;
}

/* Product list body */
.wsp-app[data-theme="light"].is-home-view .wsp-product-section-title,
.wsp-app[data-theme="light"].is-home-view .wsp-products-page .wsp-product-content strong,
.wsp-app[data-theme="light"].is-products-view .wsp-products-page .wsp-product-content strong,
.wsp-app[data-theme="light"] .wsp-product-content strong {
    color: var(--wsp-ink);
}

.wsp-app[data-theme="light"].is-home-view .wsp-products-page .wsp-product-image,
.wsp-app[data-theme="light"] .wsp-product-image {
    background: #eef3f3;
}

.wsp-app[data-theme="light"].is-home-view .wsp-products-page .wsp-product-content small,
.wsp-app[data-theme="light"] .wsp-product-price-row small {
    color: var(--wsp-teal-deep);
}

.wsp-app[data-theme="light"].is-home-view .wsp-products-page .wsp-product-content em,
.wsp-app[data-theme="light"].is-home-view .wsp-products-page .wsp-empty,
.wsp-app[data-theme="light"] .wsp-empty,
.wsp-app[data-theme="light"] .wsp-desk-empty {
    color: var(--wsp-muted);
}

.wsp-app[data-theme="light"].is-home-view .wsp-products-page .wsp-empty,
.wsp-app[data-theme="light"] .wsp-empty {
    background: #ffffff;
    border: 1px solid var(--wsp-line);
}

.wsp-app[data-theme="light"] .wsp-product-discount-badge {
    background: var(--wsp-orange);
    color: #fff;
}

/* Order bar solid on light */
.wsp-app[data-theme="light"].is-home-view .wsp-order-bar.wsp-glass-bar,
.wsp-app[data-theme="light"] .wsp-order-bar.wsp-glass-bar {
    background: #ffffff;
    border-color: var(--wsp-line);
    box-shadow: var(--wsp-card-shadow);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.wsp-app[data-theme="light"].is-home-view .wsp-order-bar .wsp-order-summary strong,
.wsp-app[data-theme="light"] .wsp-order-bar .wsp-order-summary strong {
    color: var(--wsp-ink);
}

.wsp-app[data-theme="light"].is-home-view .wsp-order-bar .wsp-order-summary small,
.wsp-app[data-theme="light"] .wsp-order-bar .wsp-order-summary small {
    color: var(--wsp-muted);
}

/* Desk chrome */
.wsp-app[data-theme="light"].is-desk-view .wsp-desk-top h1,
.wsp-app[data-theme="light"] .wsp-desk-top h1,
.wsp-app[data-theme="light"] .wsp-desk-card h2,
.wsp-app[data-theme="light"] .wsp-desk-tile b,
.wsp-app[data-theme="light"] .wsp-desk-nav-btn b,
.wsp-app[data-theme="light"] .wsp-desk-stat b,
.wsp-app[data-theme="light"] .wsp-desk-order strong,
.wsp-app[data-theme="light"] .wsp-desk-page,
.wsp-app[data-theme="light"] .wsp-desk-page p,
.wsp-app[data-theme="light"] .wsp-desk-drawer-nav > button {
    color: var(--wsp-ink);
}

.wsp-app[data-theme="light"] .wsp-desk-hint,
.wsp-app[data-theme="light"] .wsp-desk-tile em,
.wsp-app[data-theme="light"] .wsp-desk-stat em,
.wsp-app[data-theme="light"] .wsp-muted {
    color: var(--wsp-muted);
}

.wsp-app[data-theme="light"] .wsp-desk-menu-btn,
.wsp-app[data-theme="light"] .wsp-desk-back,
.wsp-app[data-theme="light"] .wsp-desk-add-btn {
    background: #ffffff;
    border-color: var(--wsp-line);
    color: var(--wsp-teal-deep);
    box-shadow: var(--wsp-card-shadow);
}

.wsp-app[data-theme="light"] .wsp-desk-tile i,
.wsp-app[data-theme="light"] .wsp-desk-nav-btn i {
    color: var(--wsp-teal);
    background: var(--wsp-teal-soft);
}

.wsp-app[data-theme="light"] .wsp-desk-primary,
.wsp-app[data-theme="light"] .wsp-auth-submit,
.wsp-app[data-theme="light"] .wsp-desk-track {
    background: var(--wsp-teal);
    border-color: var(--wsp-teal);
    color: #ffffff;
}

/* Auth / login — readable numbers & labels on white card */
.wsp-app[data-theme="light"] .wsp-auth-screen.is-overlay {
    background: rgba(15, 30, 32, 0.28);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.wsp-app[data-theme="light"] .wsp-auth-title {
    color: var(--wsp-ink);
}

.wsp-app[data-theme="light"] .wsp-auth-subtitle,
.wsp-app[data-theme="light"] .wsp-auth-message,
.wsp-app[data-theme="light"] .wsp-auth-note {
    color: var(--wsp-muted);
}

.wsp-app[data-theme="light"] .wsp-auth-close {
    background: #eef4f4;
    color: var(--wsp-ink);
}

.wsp-app[data-theme="light"] .wsp-auth-field span {
    color: var(--wsp-muted);
}

.wsp-app[data-theme="light"] .wsp-auth-field input {
    background: #ffffff;
    border: 1px solid var(--wsp-line);
    color: var(--wsp-ink);
    -webkit-text-fill-color: var(--wsp-ink);
    caret-color: var(--wsp-teal);
}

.wsp-app[data-theme="light"] .wsp-auth-field input::placeholder {
    color: rgba(95, 115, 116, 0.55);
    -webkit-text-fill-color: rgba(95, 115, 116, 0.55);
}

.wsp-app[data-theme="light"] .wsp-auth-field input:focus {
    border-color: var(--wsp-teal);
    box-shadow: inset 0 0 0 1px rgba(14, 143, 151, 0.22);
}

.wsp-app[data-theme="light"] .wsp-auth-error {
    background: rgba(220, 80, 80, 0.1);
    border-color: rgba(200, 70, 70, 0.28);
    color: #b42318;
}

.wsp-app[data-theme="light"] .wsp-auth-secondary,
.wsp-app[data-theme="light"] .wsp-auth-retail-link {
    background: #ffffff;
    border: 1px solid var(--wsp-line);
    color: var(--wsp-ink);
}

.wsp-app[data-theme="light"] .wsp-desk-field input,
.wsp-app[data-theme="light"] .wsp-desk-field textarea,
.wsp-app[data-theme="light"] .wsp-desk-combo-input {
    background: #ffffff;
    border-color: var(--wsp-line);
    color: var(--wsp-ink);
}

.wsp-app[data-theme="light"] .wsp-desk-drawer,
.wsp-app[data-theme="light"] .wsp-sheet,
.wsp-app[data-theme="light"] .wsp-quick-sheet {
    background: #ffffff;
    color: var(--wsp-ink);
    border-color: var(--wsp-line);
    box-shadow: 0 18px 40px rgba(15, 40, 44, 0.12);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.wsp-app[data-theme="light"] .wsp-desk-overlay {
    background: rgba(15, 30, 32, 0.28);
}

.wsp-app[data-theme="light"] .wsp-desk-stat,
.wsp-app[data-theme="light"] .wsp-desk-cal-day,
.wsp-app[data-theme="light"] .wsp-desk-upload,
.wsp-app[data-theme="light"] .wsp-desk-secondary {
    background: #ffffff;
    border: 1px solid var(--wsp-line);
    color: var(--wsp-ink);
    box-shadow: var(--wsp-card-shadow);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.wsp-app[data-theme="light"] .wsp-desk-cal-day.is-active,
.wsp-app[data-theme="light"] .wsp-desk-cal-day.is-selected {
    background: var(--wsp-teal);
    border-color: var(--wsp-teal);
    color: #ffffff;
}

.wsp-app[data-theme="light"] .wsp-desk-drawer-nav > button.is-active {
    background: var(--wsp-teal-soft);
    color: var(--wsp-teal-deep);
}

.wsp-app[data-theme="light"] .wsp-desk-notice {
    color: var(--wsp-teal-deep);
}

/* Favorites page — force light (overrides dark !important rules) */
.wsp-app[data-theme="light"] .wsp-fav-panel {
    background: #ffffff !important;
    border: 1px solid var(--wsp-line) !important;
    box-shadow: var(--wsp-card-shadow) !important;
    color: var(--wsp-ink) !important;
}

.wsp-app[data-theme="light"] .wsp-fav-tabs {
    background: #eef4f4 !important;
}

.wsp-app[data-theme="light"] .wsp-fav-tab {
    color: var(--wsp-muted) !important;
    background: transparent !important;
}

.wsp-app[data-theme="light"] .wsp-fav-tab.is-active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0e8f97 0%, #14a8b0 100%) !important;
}

.wsp-app[data-theme="light"] .wsp-fav-notify {
    border-bottom: 1px solid var(--wsp-line) !important;
    background: transparent !important;
}

.wsp-app[data-theme="light"] .wsp-fav-notify-copy strong,
.wsp-app[data-theme="light"] .wsp-fav-empty strong,
.wsp-app[data-theme="light"] .wsp-fav-custom-card b,
.wsp-app[data-theme="light"] .wsp-fav-custom-card strong,
.wsp-app[data-theme="light"] .wsp-desk-wait-main {
    color: var(--wsp-ink) !important;
}

.wsp-app[data-theme="light"] .wsp-fav-notify-copy em,
.wsp-app[data-theme="light"] .wsp-fav-empty p,
.wsp-app[data-theme="light"] .wsp-fav-custom-card em,
.wsp-app[data-theme="light"] .wsp-fav-custom-card span,
.wsp-app[data-theme="light"] .wsp-fav-bell {
    color: var(--wsp-muted) !important;
}

.wsp-app[data-theme="light"] .wsp-fav-switch i {
    background: #d7e0e0 !important;
}

.wsp-app[data-theme="light"] .wsp-fav-switch input:checked + i {
    background: var(--wsp-teal) !important;
}

.wsp-app[data-theme="light"] .wsp-fav-empty-icon {
    border-color: var(--wsp-line);
    color: var(--wsp-teal);
}

.wsp-app[data-theme="light"] .wsp-fav-custom-card {
    background: #f7fafa !important;
    border: 1px solid var(--wsp-line) !important;
}

.wsp-app[data-theme="light"] .wsp-desk-wait-item {
    border-top-color: var(--wsp-line);
}

.wsp-app[data-theme="light"] .wsp-desk-wait-main img,
.wsp-app[data-theme="light"] .wsp-desk-wait-main .wsp-desk-item-ph {
    background: #eef3f3;
}

/* Theme picker */
.wsp-theme-picker {
    display: grid;
    gap: 10px;
}

.wsp-theme-picker__options {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

.wsp-theme-picker__options--2 {
    grid-template-columns: 1fr 1fr;
}

.wsp-font-scale-picker {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--wsp-line, rgba(15, 35, 45, 0.1));
}

.wsp-app:not([data-theme="light"]) .wsp-font-scale-picker {
    border-top-color: rgba(255, 255, 255, 0.14);
}

.wsp-font-scale-picker .wsp-desk-hint {
    margin: 0 0 8px;
}

.wsp-theme-option {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 10px 8px;
    border-radius: 14px;
    border: 1px solid var(--wsp-line, #e4ebeb);
    background: #fff;
    color: var(--wsp-ink, #1a2b2c);
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.wsp-theme-option.is-active {
    border-color: var(--wsp-teal, #0e8f97);
    background: var(--wsp-teal-soft, rgba(14, 143, 151, 0.12));
    color: var(--wsp-teal-deep, #0b7a81);
    box-shadow: inset 0 0 0 1px var(--wsp-teal, #0e8f97);
}

.wsp-app:not([data-theme="light"]) .wsp-theme-option {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.22);
    color: rgba(255, 255, 255, 0.92);
}

.wsp-app:not([data-theme="light"]) .wsp-theme-option.is-active {
    background: rgba(126, 236, 228, 0.18);
    border-color: rgba(126, 236, 228, 0.55);
    color: #8ef0e8;
    box-shadow: none;
}

/* Product sheet loading skeleton (light) */
.wsp-app[data-theme="light"] .wsp-sheet-skel-line,
.wsp-app[data-theme="light"] .wsp-sheet-skel-row,
.wsp-app[data-theme="light"] .wsp-sheet-skel-qty {
    background: linear-gradient(90deg, rgba(15, 35, 45, 0.06), rgba(15, 35, 45, 0.12), rgba(15, 35, 45, 0.06));
    background-size: 200% 100%;
}

.wsp-app[data-theme="light"] .wsp-product-sheet-skeleton .wsp-sheet-loading-inline {
    color: rgba(70, 82, 92, 0.62);
}

/* ===== Order detail readability (light) ===== */
.wsp-app[data-theme="light"] .wsp-desk-status-now,
.wsp-app[data-theme="light"] .wsp-desk-status-now p,
.wsp-app[data-theme="light"] .wsp-desk-acc-body,
.wsp-app[data-theme="light"] .wsp-desk-item-row,
.wsp-app[data-theme="light"] .wsp-desk-item-copy b,
.wsp-app[data-theme="light"] .wsp-desk-item-row strong,
.wsp-app[data-theme="light"] .wsp-desk-total,
.wsp-app[data-theme="light"] .wsp-desk-total strong {
    color: var(--wsp-ink);
}

.wsp-app[data-theme="light"] .wsp-desk-status-now span,
.wsp-app[data-theme="light"] .wsp-desk-status-now em,
.wsp-app[data-theme="light"] .wsp-desk-item-count,
.wsp-app[data-theme="light"] .wsp-desk-item-copy em,
.wsp-app[data-theme="light"] .wsp-desk-item span {
    color: var(--wsp-muted);
    opacity: 1;
}

.wsp-app[data-theme="light"] .wsp-desk-status-now strong,
.wsp-app[data-theme="light"] .wsp-desk-section-title,
.wsp-app[data-theme="light"] .wsp-desk-acc-body h3.wsp-desk-section-title,
.wsp-app[data-theme="light"] .wsp-desk-address-head .wsp-desk-section-title,
.wsp-app[data-theme="light"] .wsp-desk-pay-inline .wsp-desk-section-title,
.wsp-app[data-theme="light"] b.wsp-desk-section-title {
    color: var(--wsp-teal-deep);
}

/* Alerts / status pills → orange */
.wsp-app[data-theme="light"] .wsp-desk-status,
.wsp-app[data-theme="light"] .wsp-desk-status.is-shipped {
    background: rgba(242, 140, 40, 0.16);
    color: #c45f0a;
    border: 1px solid rgba(242, 140, 40, 0.28);
}

.wsp-app[data-theme="light"] .wsp-desk-design-tag {
    background: rgba(14, 143, 151, 0.14);
    color: #0b7a81;
    border: 1px solid rgba(14, 143, 151, 0.28);
}

.wsp-app[data-theme="light"] .wsp-desk-status.is-cancelled,
.wsp-app[data-theme="light"] .wsp-desk-status.is-cancelled {
    background: rgba(180, 35, 45, 0.1);
    color: #b42318;
    border-color: rgba(180, 35, 45, 0.22);
}

.wsp-app[data-theme="light"] .wsp-desk-notice {
    color: #c45f0a;
}

/* Secondary actions: readable on light (not teal-on-teal) */
.wsp-app[data-theme="light"] .wsp-desk-actions button,
.wsp-app[data-theme="light"] .wsp-desk-copy,
.wsp-app[data-theme="light"] .wsp-desk-upload,
.wsp-app[data-theme="light"] .wsp-desk-buy,
.wsp-app[data-theme="light"] .wsp-desk-delete,
.wsp-app[data-theme="light"] .wsp-desk-add-items {
    background: #ffffff;
    border: 1.5px solid var(--wsp-teal);
    color: var(--wsp-teal-deep);
    box-shadow: none;
}

.wsp-app[data-theme="light"] .wsp-desk-actions .wsp-desk-track,
.wsp-app[data-theme="light"] .wsp-desk-track,
.wsp-app[data-theme="light"] .wsp-desk-primary,
.wsp-app[data-theme="light"] .wsp-desk-buy:not(:disabled) {
    background: var(--wsp-teal);
    border-color: var(--wsp-teal);
    color: #ffffff;
}

.wsp-app[data-theme="light"] .wsp-desk-actions button:disabled,
.wsp-app[data-theme="light"] .wsp-desk-buy:disabled {
    background: #eef3f3;
    border-color: var(--wsp-line);
    color: #8a9a9a;
    opacity: 1;
}

/* Stepper: gray labels, teal circles, orange when active */
.wsp-app[data-theme="light"] .wsp-desk-stepper-h-track {
    background: #d5e0e0;
}

.wsp-app[data-theme="light"] .wsp-desk-stepper-h-progress {
    background: var(--wsp-teal);
}

.wsp-app[data-theme="light"] .wsp-desk-step-h {
    color: #7a8b8c;
    font-weight: 700;
}

.wsp-app[data-theme="light"] .wsp-desk-step-h i {
    background: var(--wsp-teal);
    color: #ffffff;
    box-shadow: 0 0 0 3px rgba(14, 143, 151, 0.16);
}

.wsp-app[data-theme="light"] .wsp-desk-step-h.is-done {
    color: #7a8b8c;
}

.wsp-app[data-theme="light"] .wsp-desk-step-h.is-done i {
    background: var(--wsp-teal);
    color: #ffffff;
    box-shadow: 0 0 0 3px rgba(14, 143, 151, 0.16);
}

.wsp-app[data-theme="light"] .wsp-desk-step-h.is-current {
    color: #7a8b8c;
    font-weight: 800;
}

.wsp-app[data-theme="light"] .wsp-desk-step-h.is-current i {
    background: var(--wsp-orange);
    color: #ffffff;
    box-shadow: 0 0 0 4px rgba(242, 140, 40, 0.22);
}

.wsp-app[data-theme="light"] .wsp-desk-step-h:not(.is-done):not(.is-current) i {
    background: #c5d2d2;
    color: #ffffff;
    box-shadow: 0 0 0 3px rgba(197, 210, 210, 0.45);
}

.wsp-app[data-theme="light"] .wsp-desk-step-h.is-cancelled,
.wsp-app[data-theme="light"] .wsp-desk-step-h.is-cancelled i {
    color: #b42318;
}

.wsp-app[data-theme="light"] .wsp-desk-step-h.is-cancelled i {
    background: #f04438;
    color: #ffffff;
    box-shadow: 0 0 0 3px rgba(240, 68, 56, 0.18);
}

.wsp-app[data-theme="light"] .wsp-desk-item-row {
    border-top-color: var(--wsp-line);
}

.wsp-app[data-theme="light"] .wsp-desk-item-row.wsp-desk-item-card {
    border-color: rgba(120, 130, 140, 0.18);
    background: #ffffff;
}

.wsp-app[data-theme="light"] .wsp-desk-acc-body {
    border-top-color: var(--wsp-line);
}

.wsp-app[data-theme="light"] .wsp-desk-status-now i {
    background: var(--wsp-teal-soft);
    color: var(--wsp-teal-deep);
}

.wsp-app[data-theme="light"] .wsp-desk-step {
    color: #7a8b8c;
}

.wsp-app[data-theme="light"] .wsp-desk-step:not(:last-child)::before {
    background: #d5e0e0;
}

.wsp-app[data-theme="light"] .wsp-desk-step i {
    background: #c5d2d2;
}

.wsp-app[data-theme="light"] .wsp-desk-step.is-done {
    color: #7a8b8c;
}

.wsp-app[data-theme="light"] .wsp-desk-step.is-done i {
    background: var(--wsp-teal);
}

.wsp-app[data-theme="light"] .wsp-desk-step.is-current {
    color: #7a8b8c;
    font-weight: 800;
}

.wsp-app[data-theme="light"] .wsp-desk-step.is-current i {
    background: var(--wsp-orange);
}

/* Chips/templates — beat dark !important body rules */
body.wsp-wholesale-page .wsp-app[data-theme="light"] button.wsp-chip,
body.wsp-wholesale-page .wsp-app[data-theme="light"] .wsp-chip {
    background: #ffffff !important;
    border: 1px solid #c5d2d2 !important;
    color: #2d3f40 !important;
    box-shadow: none !important;
}

body.wsp-wholesale-page .wsp-app[data-theme="light"] .wsp-chip.is-active,
body.wsp-wholesale-page .wsp-app[data-theme="light"] .wsp-chip:hover {
    background: rgba(14, 143, 151, 0.12) !important;
    border-color: rgba(14, 143, 151, 0.4) !important;
    color: #0b7a81 !important;
}

.wsp-app[data-theme="light"].is-home-view .wsp-term-group-title,
body.wsp-wholesale-page .wsp-app[data-theme="light"] .wsp-term-group-title {
    background: #f7fafa !important;
    border: 1px solid #c5d2d2 !important;
    color: #2d3f40 !important;
}

/* Favorites meta text readable */
.wsp-app[data-theme="light"] .wsp-desk-wait-main .wsp-desk-item-copy b {
    color: #1a2b2c !important;
}

.wsp-app[data-theme="light"] .wsp-desk-wait-main .wsp-desk-item-copy em,
.wsp-app[data-theme="light"] .wsp-desk-item-copy em {
    color: #3a4e4f !important;
    opacity: 1 !important;
}

.wsp-app[data-theme="light"] .wsp-desk-wait-remove,
.wsp-app[data-theme="light"] .wsp-fav-add-list {
    background: rgba(242, 140, 40, 0.16) !important;
    color: #e67a12 !important;
    box-shadow: 0 6px 16px rgba(242, 140, 40, 0.16);
}

/* Design chat + photo picker — readable on light theme */
.wsp-app[data-theme="light"] .wsp-desk-chat-box {
    border: 1.5px solid rgba(14, 143, 151, 0.35);
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(15, 80, 90, 0.08);
}

.wsp-app[data-theme="light"] .wsp-desk-chat-compose textarea,
.wsp-app[data-theme="light"] .wsp-desk-chat-box textarea {
    color: #1a2b2c;
}

.wsp-app[data-theme="light"] .wsp-desk-chat-compose textarea::placeholder,
.wsp-app[data-theme="light"] .wsp-desk-chat-box textarea::placeholder {
    color: #7a8f90;
}

.wsp-app[data-theme="light"] .wsp-desk-chat-icon {
    color: #0f7f7a;
    background: rgba(14, 143, 151, 0.1);
}

.wsp-app[data-theme="light"] .wsp-desk-chat-icon.is-send {
    background: #12b5b1;
    color: #ffffff;
}

.wsp-app[data-theme="light"] .wsp-desk-chat-icon:disabled,
.wsp-app[data-theme="light"] .wsp-desk-chat-icon.is-send:disabled {
    opacity: 0.45;
    color: #6a8081;
}

.wsp-app[data-theme="light"] .wsp-desk-picker {
    background: #ffffff;
    border: 1px solid rgba(120, 130, 140, 0.22);
    box-shadow: 0 18px 40px rgba(20, 40, 50, 0.18);
    color: #1a2b2c;
}

.wsp-app[data-theme="light"] .wsp-desk-picker p {
    color: #1a2b2c;
}

.wsp-app[data-theme="light"] .wsp-desk-picker button,
.wsp-app[data-theme="light"] .wsp-desk-picker-label {
    border: 1.5px solid rgba(14, 143, 151, 0.4);
    background: #ffffff;
    color: #0b7a81;
}

.wsp-app[data-theme="light"] .wsp-desk-picker-label.wsp-desk-primary,
.wsp-app[data-theme="light"] .wsp-desk-picker .wsp-desk-primary {
    background: #12b5b1;
    border-color: #12b5b1;
    color: #ffffff;
}

.wsp-app[data-theme="light"] .wsp-desk-picker-cancel {
    border-color: rgba(120, 130, 140, 0.35);
    color: #5a6e6f;
    background: #f3f6f6;
}

.wsp-app[data-theme="light"] .wsp-desk-camera-box {
    background: #ffffff;
    border: 1px solid rgba(120, 130, 140, 0.22);
    color: #1a2b2c;
}

.wsp-app[data-theme="light"] .wsp-desk-design-file {
    background: #ffffff;
    border: 2px solid rgba(14, 143, 151, 0.55);
    box-shadow: 0 8px 18px rgba(15, 80, 90, 0.14);
    color: #0b7a81;
}

.wsp-app[data-theme="light"] .wsp-desk-design-file img {
    background: #dceeee;
}

.wsp-app[data-theme="light"] .wsp-desk-chat-bubble .wsp-desk-design-file {
    border-color: rgba(14, 143, 151, 0.6);
}

.wsp-app[data-theme="light"] .wsp-desk-design-file.is-ready em,
.wsp-app[data-theme="light"] .wsp-desk-design-file.is-uploading em {
    color: #0b7a81;
}

.wsp-app[data-theme="light"] .wsp-desk-design-file.is-uploading::after {
    border-color: rgba(14, 143, 151, 0.25);
    border-top-color: #12b5b1;
}

.wsp-app[data-theme="light"] .wsp-desk-design-files.is-pending {
    border: 1.5px dashed rgba(14, 143, 151, 0.45);
    background: #eef8f8;
}

.wsp-app[data-theme="light"] .wsp-desk-design-files.is-pending .wsp-desk-design-file,
.wsp-app[data-theme="light"] .wsp-desk-design-file.is-ready,
.wsp-app[data-theme="light"] .wsp-desk-design-file.is-uploading {
    border: 1.5px solid rgba(14, 143, 151, 0.5);
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 80, 90, 0.12);
}

/* Promo templates � light theme readable cards + actions */
.wsp-app[data-theme="light"] .wsp-desk-promo-hint {
    color: var(--wsp-muted) !important;
}

.wsp-app[data-theme="light"] .wsp-desk-promo-item,
.wsp-app[data-theme="light"] .wsp-desk-promo-form {
    background: #ffffff !important;
    border: 1px solid rgba(14, 143, 151, 0.22) !important;
    box-shadow: 0 10px 28px rgba(15, 80, 90, 0.08) !important;
    color: var(--wsp-ink) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.wsp-app[data-theme="light"] .wsp-desk-promo-title,
.wsp-app[data-theme="light"] .wsp-desk-promo-form h2,
.wsp-app[data-theme="light"] .wsp-desk-promo-form .wsp-desk-field > span {
    color: var(--wsp-ink) !important;
}

.wsp-app[data-theme="light"] .wsp-desk-promo-title i {
    border-inline-start-color: rgba(14, 143, 151, 0.55) !important;
    border-bottom-color: rgba(14, 143, 151, 0.55) !important;
}

.wsp-app[data-theme="light"] .wsp-desk-promo-excerpt {
    color: var(--wsp-muted) !important;
}

.wsp-app[data-theme="light"] .wsp-desk-promo-edit {
    color: #0b7a81 !important;
    background: transparent !important;
}

.wsp-app[data-theme="light"] .wsp-desk-promo-delete {
    background: rgba(176, 42, 55, 0.92) !important;
    color: #ffffff !important;
}

.wsp-app[data-theme="light"] .wsp-desk-promo-cancel {
    color: var(--wsp-muted) !important;
    background: #eef5f5 !important;
    border: 1px solid rgba(14, 143, 151, 0.18) !important;
}

.wsp-app[data-theme="light"] .wsp-desk-promo-form input,
.wsp-app[data-theme="light"] .wsp-desk-promo-form textarea {
    color: var(--wsp-ink) !important;
    background: #f7fbfb !important;
    border-color: rgba(14, 143, 151, 0.22) !important;
}

/* Inbox: dark-theme white text was unreadable on light cards */
.wsp-app[data-theme="light"] .wsp-desk-inbox-item,
html[data-wsp-theme="light"] .wsp-desk-inbox-item {
    background: #ffffff !important;
    border: 1.5px solid #d7e0e0 !important;
    color: #1a2b2c !important;
    -webkit-text-fill-color: #1a2b2c !important;
    box-shadow: 0 8px 22px rgba(15, 40, 44, 0.06) !important;
}

.wsp-app[data-theme="light"] .wsp-desk-inbox-item.is-unread,
html[data-wsp-theme="light"] .wsp-desk-inbox-item.is-unread {
    background: #eef8f8 !important;
    border-color: rgba(14, 143, 151, 0.35) !important;
}

.wsp-app[data-theme="light"] .wsp-desk-inbox-item b,
html[data-wsp-theme="light"] .wsp-desk-inbox-item b {
    color: #0b7a81 !important;
    -webkit-text-fill-color: #0b7a81 !important;
}

.wsp-app[data-theme="light"] .wsp-desk-inbox-item p,
html[data-wsp-theme="light"] .wsp-desk-inbox-item p {
    color: #3d5556 !important;
    -webkit-text-fill-color: #3d5556 !important;
}

.wsp-app[data-theme="light"] .wsp-desk-inbox-item em,
html[data-wsp-theme="light"] .wsp-desk-inbox-item em {
    color: #5f7374 !important;
    -webkit-text-fill-color: #5f7374 !important;
}

.wsp-app[data-theme="light"] .wsp-desk-inbox-item.is-unread b::before,
html[data-wsp-theme="light"] .wsp-desk-inbox-item.is-unread b::before {
    background: #f28c28 !important;
}

/* Address + shared secondary desk buttons ? same style as order actions */
.wsp-app[data-theme="light"] .wsp-desk-address-card-actions button,
.wsp-app[data-theme="light"] .wsp-desk-address-option,
.wsp-app[data-theme="light"] .wsp-desk-address-body button:not(.wsp-desk-primary),
.wsp-app[data-theme="light"] button[data-action="cancel-desk-address"],
.wsp-app[data-theme="light"] button[data-action="edit-desk-address"],
.wsp-app[data-theme="light"] button[data-action="default-desk-address"],
.wsp-app[data-theme="light"] button[data-action="delete-desk-address"],
.wsp-app[data-theme="light"] .wsp-desk-actions button:not(.wsp-desk-primary):not(.wsp-desk-track):not(.wsp-desk-buy),
.wsp-app[data-theme="light"] .wsp-desk-add-items,
.wsp-app[data-theme="light"] .wsp-desk-copy,
.wsp-app[data-theme="light"] .wsp-desk-upload,
.wsp-app[data-theme="light"] .wsp-desk-delete,
html[data-wsp-theme="light"] .wsp-desk-address-card-actions button,
html[data-wsp-theme="light"] .wsp-desk-address-option {
    background: #ffffff !important;
    border: 1.5px solid #0e8f97 !important;
    color: #0b7a81 !important;
    -webkit-text-fill-color: #0b7a81 !important;
    box-shadow: none !important;
}

.wsp-app[data-theme="light"] .wsp-desk-address-option.is-active,
html[data-wsp-theme="light"] .wsp-desk-address-option.is-active {
    background: rgba(14, 143, 151, 0.12) !important;
    border-color: #0e8f97 !important;
    color: #0b7a81 !important;
    -webkit-text-fill-color: #0b7a81 !important;
    font-weight: 800;
}

.wsp-app[data-theme="light"] .wsp-desk-version {
    color: var(--wsp-muted);
}

.wsp-app[data-theme="light"] .wsp-append-banner {
    background: #e8f7f7;
    border-color: rgba(14, 143, 151, 0.28);
    color: var(--wsp-teal-deep);
}

.wsp-app[data-theme="light"] .wsp-append-banner button {
    background: #ffffff;
    border-color: var(--wsp-teal);
    color: var(--wsp-teal-deep);
}

.wsp-app[data-theme="light"] .wsp-cart-append-hint {
    color: var(--wsp-muted);
}

.wsp-app[data-theme="light"] .wsp-cart-append-hint b {
    color: var(--wsp-teal-deep);
}