/* =========================================================
   PouchPlug × Loyalty & Rewards (wc-loyalty-engine) — Bold Pop skin
   Replaces the plugin's own wcle-public.css (dequeued in inc/pp-loyalty.php).
   Markup comes from the plugin templates (+ overrides in /wc-loyalty-engine/).
   ========================================================= */

:root {
	--ppi-star: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22black%22 d=%22M12 2.5l2.95 6.1 6.7.8-4.95 4.6 1.3 6.6L12 17.3l-6 3.3 1.3-6.6L2.35 9.4l6.7-.8z%22/%3E%3C/svg%3E");
	--ppi-gift: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M20 12v8H4v-8%22/%3E%3Cpath d=%22M22 7H2v5h20z%22/%3E%3Cpath d=%22M12 21V7%22/%3E%3Cpath d=%22M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7z%22/%3E%3Cpath d=%22M12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-tag: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M20.6 13.4l-7.2 7.2a2 2 0 01-2.8 0L3 13V3h10l7.6 7.6a2 2 0 010 2.8z%22/%3E%3Ccircle cx=%227.5%22 cy=%227.5%22 r=%221.3%22 fill=%22black%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-clock: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M12 7v5l3.2 2%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-bolt: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22black%22 d=%22M13.5 2L4 13.5h6.5L9.5 22 20 9.8h-6.6z%22/%3E%3C/svg%3E");
	--ppi-grid: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%223%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%2214%22 y=%2214%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-user: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%224%22/%3E%3Cpath d=%22M4 21a8 8 0 0116 0%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-bag: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M5 8h14l-1.2 12.2a1 1 0 01-1 .8H7.2a1 1 0 01-1-.8z%22/%3E%3Cpath d=%22M9 8a3 3 0 016 0%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-cake: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Crect x=%224%22 y=%2212%22 width=%2216%22 height=%229%22 rx=%222%22/%3E%3Cpath d=%22M4 16.5c2.7 1.5 5.3-1.5 8 0s5.3 1.5 8 0%22/%3E%3Cpath d=%22M12 12V8.5%22/%3E%3Cpath d=%22M12 3.5c1 1.2 1 2.2 0 3-1-.8-1-1.8 0-3z%22 fill=%22black%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-pen: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M13 20h8%22/%3E%3Cpath d=%22M16.5 3.5a2.1 2.1 0 013 3L7 19l-4 1 1-4z%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-lock: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Crect x=%225%22 y=%2211%22 width=%2214%22 height=%2210%22 rx=%222.5%22/%3E%3Cpath d=%22M8 11V7.5a4 4 0 018 0V11%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-inbox: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M22 13h-6l-2 3h-4l-2-3H2%22/%3E%3Cpath d=%22M5.5 5h13L22 13v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5z%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-fire: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M12 22c4 0 7-2.9 7-6.8 0-4.7-4.4-6.7-5.2-11.7C11 5.6 10 8.5 10 10.6 8.8 9.8 8 8.4 7.9 7 6 8.9 5 11.9 5 15.2 5 19.1 8 22 12 22z%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-up: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M12 19V5%22/%3E%3Cpath d=%22M5.5 11.5L12 5l6.5 6.5%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M12 5v14%22/%3E%3Cpath d=%22M5.5 12.5L12 19l6.5-6.5%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M8 12.3l2.7 2.7L16.5 9%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-chev: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M9 6l6 6-6 6%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-back: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M15 6l-6 6 6 6%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-x: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M6 6l12 12M18 6L6 18%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-link: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M10 14a4.5 4.5 0 006.4 0l3.2-3.2a4.5 4.5 0 00-6.4-6.4l-1 1%22/%3E%3Cpath d=%22M14 10a4.5 4.5 0 00-6.4 0l-3.2 3.2a4.5 4.5 0 006.4 6.4l1-1%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-mail: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M3.5 6.5L12 13l8.5-6.5%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-chat: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cg stroke=%22black%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M20 11.5a8 8 0 01-11.7 7.1L4 20l1.4-4.1A8 8 0 1120 11.5z%22/%3E%3C/g%3E%3C/svg%3E");
	--ppi-fb: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22black%22 d=%22M13.5 21v-7.5h2.6l.4-3h-3V8.6c0-.9.3-1.5 1.5-1.5h1.6V4.4c-.3 0-1.2-.1-2.3-.1-2.3 0-3.8 1.4-3.8 3.9v2.3H7.9v3h2.6V21z%22/%3E%3C/svg%3E");
	--ppi-xlogo: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22black%22 d=%22M17.5 3.5h3l-6.6 7.5 7.8 9.5h-6.1l-4.8-5.9-5.4 5.9H2.3l7-7.9L1.9 3.5h6.2l4.3 5.4zm-1 15.2h1.7L7.5 5.2H5.7z%22/%3E%3C/svg%3E");
	--ppb-star: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E%3Ccircle cx=%2216%22 cy=%2216%22 r=%2214.5%22 fill=%22%236C4CFF%22 stroke=%22%2317111F%22 stroke-width=%222%22/%3E%3Cpath transform=%22translate(7 7) scale(.75)%22 fill=%22%23C6FF3D%22 d=%22M12 2.5l2.95 6.1 6.7.8-4.95 4.6 1.3 6.6L12 17.3l-6 3.3 1.3-6.6L2.35 9.4l6.7-.8z%22/%3E%3C/svg%3E");
	--ppb-gift: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 32 32%22%3E%3Ccircle cx=%2216%22 cy=%2216%22 r=%2214.5%22 fill=%22%23FF4D8D%22 stroke=%22%2317111F%22 stroke-width=%222%22/%3E%3Cg transform=%22translate(7 7) scale(.75)%22 stroke=%22%23fff%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22%3E%3Cpath d=%22M20 12v8H4v-8%22/%3E%3Cpath d=%22M22 7H2v5h20z%22/%3E%3Cpath d=%22M12 21V7%22/%3E%3Cpath d=%22M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7z%22/%3E%3Cpath d=%22M12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z%22/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- Shared icon helper: emoji spans → masked SVG ---------- */
.wcle-widget-header-icon, .wcle-widget-menu-icon, .wcle-widget-feature-icon, .wcle-widget-earn-icon,
.wcle-widget-campaign-icon, .wcle-widget-redeem-icon, .wcle-widget-redeem-locked-icon,
.wcle-widget-history-empty-icon, .wcle-widget-progress-emoji, .wcle-badge-icon, .wcle-earn-preview-icon,
.wcle-rw-hero-icon, .wcle-rw-stat-icon, .wcle-rw-empty-icon, .wcle-rw-hero-expiry-icon, .wcle-header-balance-icon,
.wcle-widget-launcher-icon, .pp-ppi {
	--ppi: var(--ppi-star);
	display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 auto;
	font-size: 0 !important; line-height: 0 !important; color: var(--pp-ink);
}
.wcle-widget-header-icon::before, .wcle-widget-menu-icon::before, .wcle-widget-feature-icon::before, .wcle-widget-earn-icon::before,
.wcle-widget-campaign-icon::before, .wcle-widget-redeem-icon::before, .wcle-widget-redeem-locked-icon::before,
.wcle-widget-history-empty-icon::before, .wcle-widget-progress-emoji::before, .wcle-badge-icon::before, .wcle-earn-preview-icon::before,
.wcle-rw-hero-icon::before, .wcle-rw-stat-icon::before, .wcle-rw-empty-icon::before, .wcle-rw-hero-expiry-icon::before, .wcle-header-balance-icon::before,
.wcle-widget-launcher-icon::before, .pp-ppi::before {
	content: ""; display: block; width: var(--ppi-size, 18px); height: var(--ppi-size, 18px);
	background: currentColor; -webkit-mask: var(--ppi) center / contain no-repeat; mask: var(--ppi) center / contain no-repeat;
}
[data-ppi="star"] { --ppi: var(--ppi-star); } [data-ppi="gift"] { --ppi: var(--ppi-gift); } [data-ppi="tag"] { --ppi: var(--ppi-tag); }
[data-ppi="user"] { --ppi: var(--ppi-user); } [data-ppi="bag"] { --ppi: var(--ppi-bag); } [data-ppi="cake"] { --ppi: var(--ppi-cake); }
[data-ppi="pen"] { --ppi: var(--ppi-pen); } [data-ppi="bolt"] { --ppi: var(--ppi-bolt); } [data-ppi="clock"] { --ppi: var(--ppi-clock); }

/* =========================================================
   1 · Floating widget — launcher pill (bottom-left)
   ========================================================= */
.wcle-widget-launcher, .wcle-widget-panel, .wcle-widget-panel * { box-sizing: border-box; }
button.wcle-widget-launcher {
	position: fixed !important; left: 20px !important; right: auto !important; bottom: 20px !important; top: auto !important; z-index: 9990 !important;
	display: inline-flex !important; align-items: center !important; gap: 0 !important;
	margin: 0 !important; padding: 0 18px 0 6px !important; height: 50px !important; min-height: 0 !important; width: auto !important;
	background: var(--pp-violet) !important; color: #fff !important;
	border: var(--pp-line) !important; border-radius: 999px !important; box-shadow: var(--pp-shadow-sm) !important;
	font: 800 15px/1 var(--pp-font) !important; letter-spacing: 0 !important; text-transform: none !important;
	cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, opacity .2s ease !important;
	animation: pp-lx-in .5s cubic-bezier(.34,1.56,.64,1) .6s both;
}
button.wcle-widget-launcher:hover { transform: translate(-2px,-2px) !important; box-shadow: var(--pp-shadow) !important; background: var(--pp-violet) !important; }
button.wcle-widget-launcher:active { transform: translate(2px,2px) !important; box-shadow: 0 0 0 var(--pp-ink) !important; }
button.wcle-widget-launcher:focus-visible { outline: 3px solid var(--pp-lime) !important; outline-offset: 3px !important; }
.wcle-widget-launcher-inner { display: inline-flex !important; align-items: center; gap: 9px; }
.wcle-widget-launcher .wcle-widget-launcher-icon {
	width: 36px; height: 36px; border-radius: 50%; background: var(--pp-lime); color: var(--pp-ink);
	border: 2px solid var(--pp-ink); --ppi: var(--ppi-gift); --ppi-size: 18px;
}
.wcle-widget-launcher-icon svg, .wcle-widget-launcher-chevron, .wcle-widget-launcher-shine { display: none !important; }
.wcle-widget-launcher-text { color: #fff !important; font: 800 15px/1 var(--pp-font) !important; letter-spacing: 0 !important; writing-mode: horizontal-tb !important; transform: none !important; }
.wcle-widget-launcher-pulse { position: absolute; inset: -2px; border-radius: 999px; pointer-events: none; animation: pp-lx-pulse 2.4s ease-out 1.6s 2; }
.wcle-widget-launcher.is-open { opacity: 0 !important; pointer-events: none; }
@keyframes pp-lx-in { from { opacity: 0; transform: translateY(24px) rotate(-6deg); } to { opacity: 1; transform: none; } }
@keyframes pp-lx-pulse { 0% { box-shadow: 0 0 0 0 rgba(108,76,255,.55); } 75%, 100% { box-shadow: 0 0 0 16px rgba(108,76,255,0); } }
@media (prefers-reduced-motion: reduce) { button.wcle-widget-launcher, .wcle-widget-launcher-pulse, .wcle-widget-panel { animation: none !important; transition: none !important; } }

/* =========================================================
   2 · Floating widget — panel
   ========================================================= */
.wcle-widget-panel {
	position: fixed !important; left: 20px !important; right: auto !important; bottom: 20px !important; top: auto !important; z-index: 9995 !important;
	width: 384px; max-width: calc(100vw - 32px); max-height: min(700px, calc(100vh - 40px)); max-height: min(700px, calc(100dvh - 40px));
	display: flex; flex-direction: column; overflow: hidden;
	background: var(--pp-paper); color: var(--pp-ink-2);
	border: var(--pp-line); border-radius: 24px; box-shadow: var(--pp-shadow-lg);
	font: 500 14px/1.45 var(--pp-font);
	opacity: 0; transform: translateY(18px) scale(.97); transform-origin: 0 100%; pointer-events: none; visibility: hidden;
	transition: opacity .18s ease, transform .28s cubic-bezier(.34,1.56,.64,1), visibility 0s linear .28s;
}
.wcle-widget-panel.is-open { opacity: 1; transform: none; pointer-events: auto; visibility: visible; transition: opacity .18s ease, transform .28s cubic-bezier(.34,1.56,.64,1), visibility 0s; }
.wcle-widget-panel a { text-decoration: none !important; }
.wcle-widget-panel p { margin: 0; }

/* Views */
.wcle-widget-view { display: none; padding: 0 18px 18px; overflow-y: auto; flex: 1 1 auto; min-height: 0; scrollbar-width: thin; scrollbar-color: rgba(23,17,31,.25) transparent; }
.wcle-widget-panel[data-view="home"] .wcle-widget-view-home,
.wcle-widget-panel[data-view="how-it-works"] .wcle-widget-view-how,
.wcle-widget-panel[data-view="redeem"] .wcle-widget-view-redeem,
.wcle-widget-panel[data-view="history"] .wcle-widget-view-history { display: block; }
.wcle-widget-view > * + * { margin-top: 12px; }

/* Header strip */
.wcle-widget-panel .wcle-widget-header {
	position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 10px;
	margin: 0 -18px 14px !important; padding: 14px 64px 14px 18px; background: var(--pp-lime); border-bottom: var(--pp-line);
}
.wcle-widget-header-icon { width: 34px; height: 34px; border-radius: 50%; background: var(--pp-ink); color: var(--pp-lime); --ppi-size: 17px; }
.wcle-widget-panel .wcle-widget-header-title { margin: 0 !important; font: 800 22px/1.1 var(--pp-font-d) !important; letter-spacing: -.02em; color: var(--pp-ink) !important; text-transform: none !important; }
.wcle-widget-panel button.wcle-widget-back {
	width: 34px !important; height: 34px !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; flex: 0 0 34px;
	display: inline-flex !important; align-items: center; justify-content: center;
	border: 2px solid var(--pp-ink) !important; border-radius: 50% !important; background: #fff !important; color: var(--pp-ink) !important; box-shadow: none !important;
	font-size: 0 !important; cursor: pointer; transition: transform .15s;
}
.wcle-widget-panel button.wcle-widget-back::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--ppi-back) center/contain no-repeat; mask: var(--ppi-back) center/contain no-repeat; }
.wcle-widget-panel button.wcle-widget-back:hover { transform: translateX(-2px); }
.wcle-widget-panel button.wcle-widget-close {
	position: absolute !important; top: 13px !important; right: 14px !important; z-index: 3;
	width: 36px !important; height: 36px !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important;
	display: inline-flex !important; align-items: center; justify-content: center;
	border: 2px solid var(--pp-ink) !important; border-radius: 50% !important; background: #fff !important; color: var(--pp-ink) !important;
	box-shadow: 2px 2px 0 var(--pp-ink) !important; font-size: 0 !important; cursor: pointer; transition: transform .15s;
}
.wcle-widget-panel button.wcle-widget-close::before { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--ppi-x) center/contain no-repeat; mask: var(--ppi-x) center/contain no-repeat; }
.wcle-widget-panel button.wcle-widget-close:hover { transform: rotate(90deg); background: var(--pp-pink) !important; color: #fff !important; }

/* Campaign banner */
.wcle-widget-campaign-banner { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--pp-orange); border: 2px solid var(--pp-ink); border-radius: 16px; box-shadow: var(--pp-shadow-sm); }
.wcle-widget-campaign-icon { width: 34px; height: 34px; border-radius: 50%; background: var(--pp-ink); color: var(--pp-orange); --ppi: var(--ppi-fire); }
.wcle-widget-campaign-name { font: 800 16px/1.1 var(--pp-font-d); color: var(--pp-ink); }
.wcle-widget-campaign-detail { font-weight: 700; font-size: 13px; color: var(--pp-ink); }

/* Avatar */
.wcle-widget-avatar-block { display: flex; justify-content: center; }
.wcle-widget-avatar { width: 84px; height: 84px; border-radius: 50%; overflow: hidden; border: var(--pp-line); background: var(--pp-lilac); }
.wcle-widget-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Balance card (logged in) */
.wcle-widget-balance-card {
	position: relative; overflow: hidden; padding: 18px 18px 16px; border-radius: 20px;
	background: var(--pp-violet); color: #fff; border: var(--pp-line); box-shadow: var(--pp-shadow-sm);
}
.wcle-widget-balance-card::after {
	content: ""; position: absolute; right: -34px; top: -34px; width: 120px; height: 120px; border-radius: 50%;
	background: var(--pp-pink); border: var(--pp-line); opacity: 1;
}
.wcle-widget-balance-card > * { position: relative; z-index: 1; }
.wcle-widget-balance-sparkle { display: none !important; }
.wcle-widget-balance-label { font: 800 11px/1 var(--pp-font); letter-spacing: .14em; text-transform: uppercase; color: var(--pp-lime); }
.wcle-widget-balance-amount { margin-top: 6px; font: 800 38px/1 var(--pp-font-d); letter-spacing: -.03em; color: #fff; }
.wcle-widget-balance-worth { margin-top: 6px; font-weight: 700; font-size: 14px; color: #fff; }
.wcle-widget-balance-worth .amount { color: var(--pp-lime); font-weight: 800; }
.wcle-widget-balance-worth-empty { color: rgba(255,255,255,.85); }
.wcle-widget-progress { margin-top: 14px; }
.wcle-widget-progress-track { position: relative; height: 14px; border-radius: 999px; background: #fff; border: 2px solid var(--pp-ink); overflow: hidden; }
.wcle-widget-progress-fill { height: 100%; background: var(--pp-lime); border-right: 2px solid var(--pp-ink); border-radius: 999px; transition: width .6s cubic-bezier(.22,.61,.36,1); }
.wcle-widget-progress-dot { display: none; }
.wcle-widget-progress-text { margin-top: 8px; display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: rgba(255,255,255,.9); }
.wcle-widget-progress-text strong { color: var(--pp-lime); font-weight: 800; }
.wcle-widget-progress-emoji { width: 20px; height: 20px; border-radius: 50%; background: var(--pp-lime); color: var(--pp-ink); --ppi: var(--ppi-check); --ppi-size: 14px; }
.wcle-widget-balance-card.is-reached .wcle-widget-progress-text { color: #fff; font-weight: 800; }

/* Menu rows */
.wcle-widget-menu { display: grid; gap: 8px; }
.wcle-widget-panel .wcle-widget-menu-item {
	display: flex !important; align-items: center; gap: 12px; width: 100% !important; margin: 0 !important;
	min-height: 0 !important; padding: 9px 12px 9px 9px !important; text-align: left;
	background: #fff !important; color: var(--pp-ink) !important; border: 2px solid var(--pp-ink) !important; border-radius: 16px !important;
	box-shadow: none !important; font: 800 15px/1.2 var(--pp-font) !important; text-transform: none !important; letter-spacing: 0 !important;
	cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.wcle-widget-panel .wcle-widget-menu-item:hover { transform: translate(-2px,-2px); box-shadow: var(--pp-shadow-sm) !important; }
.wcle-widget-panel .wcle-widget-menu-item:disabled, .wcle-widget-panel .wcle-widget-menu-item[aria-disabled="true"] { opacity: .5; cursor: not-allowed; transform: none; box-shadow: none !important; }
.wcle-widget-menu-icon { width: 36px; height: 36px; border-radius: 12px; border: 2px solid var(--pp-ink); background: var(--pp-lilac); }
.wcle-widget-menu-item:nth-child(1) .wcle-widget-menu-icon { background: var(--pp-lime); --ppi: var(--ppi-tag); }
.wcle-widget-menu-item:nth-child(2) .wcle-widget-menu-icon { background: var(--pp-sky); --ppi: var(--ppi-clock); }
.wcle-widget-menu-item:nth-child(3) .wcle-widget-menu-icon { background: var(--pp-orange); --ppi: var(--ppi-bolt); }
.wcle-widget-menu-item:nth-child(4) .wcle-widget-menu-icon { background: var(--pp-mint); --ppi: var(--ppi-grid); }
.wcle-widget-menu-label { flex: 1 1 auto; color: var(--pp-ink); }
.wcle-widget-menu-chev { display: inline-block; font-size: 0 !important; width: 16px; height: 16px; flex: 0 0 16px; background: var(--pp-ink); -webkit-mask: var(--ppi-chev) center/contain no-repeat; mask: var(--ppi-chev) center/contain no-repeat; transition: transform .15s; }
.wcle-widget-menu-item:hover .wcle-widget-menu-chev { transform: translateX(3px); }

/* Feature / stat tiles */
.wcle-widget-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.wcle-widget-feature { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 12px 6px 11px; background: #fff; border: 2px solid var(--pp-ink); border-radius: 16px; }
.wcle-widget-feature-icon { width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--pp-ink); --ppi-size: 16px; }
.wcle-widget-feature:nth-child(1) .wcle-widget-feature-icon { background: var(--pp-lime); --ppi: var(--ppi-star); }
.wcle-widget-feature:nth-child(2) .wcle-widget-feature-icon { background: var(--pp-sky); --ppi: var(--ppi-tag); }
.wcle-widget-feature:nth-child(3) .wcle-widget-feature-icon { background: var(--pp-pink); color: #fff; --ppi: var(--ppi-gift); }
.wcle-widget-feature-stat { font: 800 22px/1 var(--pp-font-d); color: var(--pp-ink); letter-spacing: -.02em; }
.wcle-widget-feature-label { font: 800 10.5px/1.2 var(--pp-font); letter-spacing: .06em; text-transform: uppercase; color: var(--pp-ink-2); }

/* Welcome (logged out) */
.wcle-widget-welcome {
	position: relative; overflow: hidden; padding: 20px 18px; border-radius: 20px;
	background: var(--pp-violet); border: var(--pp-line); box-shadow: var(--pp-shadow-sm);
}
.wcle-widget-welcome::after { content: ""; position: absolute; right: -30px; bottom: -40px; width: 120px; height: 120px; border-radius: 50%; background: var(--pp-pink); border: var(--pp-line); }
.wcle-widget-welcome-text { position: relative; z-index: 1; max-width: 250px; }
.wcle-widget-welcome-title { font: 800 26px/1.02 var(--pp-font-d); letter-spacing: -.025em; color: #fff; }
.wcle-widget-welcome-sub { margin-top: 8px; font-weight: 700; font-size: 14px; color: var(--pp-lime); }
.wcle-widget-cta-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.wcle-widget-pitch { font-size: 14px; line-height: 1.5; color: var(--pp-ink-2); }

/* Buttons */
.wcle-widget-panel .wcle-widget-btn {
	display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; width: 100% !important; margin: 0 !important;
	min-height: 48px !important; padding: 12px 18px !important;
	border: var(--pp-line) !important; border-radius: 999px !important; box-shadow: var(--pp-shadow-sm) !important;
	font: 800 15px/1 var(--pp-font) !important; letter-spacing: 0 !important; text-transform: none !important; text-align: center;
	background: #fff !important; color: var(--pp-ink) !important; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease;
}
.wcle-widget-panel .wcle-widget-btn:hover { transform: translate(-2px,-2px); box-shadow: var(--pp-shadow) !important; }
.wcle-widget-panel .wcle-widget-btn:active { transform: translate(2px,2px); box-shadow: 0 0 0 var(--pp-ink) !important; }
.wcle-widget-panel .wcle-widget-btn-primary { background: var(--pp-lime) !important; }
.wcle-widget-panel .wcle-widget-btn-dark { background: var(--pp-ink) !important; color: #fff !important; }
.wcle-widget-panel .wcle-widget-btn:disabled { opacity: .55; cursor: wait; }

/* How it works — rate card */
.wcle-widget-rate-card { padding: 18px; background: var(--pp-lilac); border: 2px solid var(--pp-ink); border-radius: 20px; }
.wcle-widget-rate-title { font: 800 20px/1.1 var(--pp-font-d); letter-spacing: -.02em; color: var(--pp-ink); }
.wcle-widget-rate-body { margin-top: 6px !important; font-size: 14px; line-height: 1.5; color: var(--pp-ink-2); }
.wcle-widget-rate-badge { display: inline-flex; margin-top: 12px; padding: 8px 14px; background: var(--pp-lime); border: 2px solid var(--pp-ink); border-radius: 999px; box-shadow: 2px 2px 0 var(--pp-ink); font: 800 14px/1 var(--pp-font); color: var(--pp-ink); transform: rotate(-2deg); }
.wcle-widget-rate-badge .amount { color: var(--pp-ink); }
/* earn list */
.wcle-widget-panel ul.wcle-widget-earn-list { list-style: none !important; margin: 12px 0 0 !important; padding: 0 !important; display: grid; gap: 8px; }
.wcle-widget-earn-row { display: flex; align-items: center; gap: 12px; margin: 0 !important; padding: 10px 12px 10px 10px; background: #fff; border: 2px solid var(--pp-ink); border-radius: 16px; }
.wcle-widget-earn-row::before { display: none !important; }
.wcle-widget-earn-icon { width: 36px; height: 36px; border-radius: 12px; border: 2px solid var(--pp-ink); background: var(--pp-lilac); }
.wcle-widget-earn-row:nth-child(4n+1) .wcle-widget-earn-icon { background: var(--pp-lime); }
.wcle-widget-earn-row:nth-child(4n+2) .wcle-widget-earn-icon { background: var(--pp-sky); }
.wcle-widget-earn-row:nth-child(4n+3) .wcle-widget-earn-icon { background: var(--pp-orange); }
.wcle-widget-earn-row:nth-child(4n+4) .wcle-widget-earn-icon { background: var(--pp-mint); }
.wcle-widget-earn-label { flex: 1 1 auto; font: 800 15px/1.2 var(--pp-font); color: var(--pp-ink); }
.wcle-widget-earn-value { flex: 0 1 auto; text-align: right; font-weight: 700; font-size: 13px; line-height: 1.3; color: var(--pp-violet); }
.wcle-widget-earn-cta { display: block; margin-top: 2px; font-weight: 800; font-size: 12px; color: var(--pp-ink) !important; text-decoration: underline !important; text-underline-offset: 2px; }
/* referral card */
.wcle-widget-referral-card { position: relative; padding: 18px; background: var(--pp-pink); color: #fff; border: var(--pp-line); border-radius: 20px; box-shadow: var(--pp-shadow-sm); }
.wcle-widget-referral-title { font: 800 20px/1.1 var(--pp-font-d); color: #fff; letter-spacing: -.02em; }
.wcle-widget-referral-body { margin-top: 6px !important; font-size: 14px; line-height: 1.45; color: #fff; }
.wcle-widget-panel ul.wcle-widget-referral-list { list-style: none !important; margin: 12px 0 0 !important; padding: 0 !important; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.wcle-widget-referral-list li { margin: 0 !important; padding: 10px 12px; background: #fff; color: var(--pp-ink-2); border: 2px solid var(--pp-ink); border-radius: 14px; font-size: 13px; font-weight: 600; line-height: 1.3; }
.wcle-widget-referral-list li::before { display: none !important; }
.wcle-widget-referral-list strong { display: block; font: 800 16px/1.15 var(--pp-font-d); color: var(--pp-ink); }
.wcle-widget-share-row { display: flex; gap: 8px; margin-top: 12px; }
.wcle-widget-panel .wcle-widget-referral-card .wcle-widget-btn { margin-top: 12px !important; }

/* Shared share buttons (widget + account) */
.wcle-widget-share-btn, .wcle-rw-share-btn {
	width: 42px; height: 42px; flex: 0 0 42px; display: inline-flex; align-items: center; justify-content: center;
	background: #fff; color: var(--pp-ink) !important; border: 2px solid var(--pp-ink); border-radius: 50%; box-shadow: 2px 2px 0 var(--pp-ink);
	font-size: 0 !important; transition: transform .15s ease, box-shadow .15s ease;
}
.wcle-widget-share-btn:hover, .wcle-rw-share-btn:hover { transform: translate(-2px,-2px); box-shadow: 4px 4px 0 var(--pp-ink); }
.wcle-widget-share-btn > span, .wcle-rw-share-btn > span { display: none; }
.wcle-widget-share-btn::before, .wcle-rw-share-btn::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--ppi-mail) center/contain no-repeat; mask: var(--ppi-mail) center/contain no-repeat; }
.wcle-widget-share-twitter::before, .wcle-rw-share-twitter::before { -webkit-mask-image: var(--ppi-xlogo); mask-image: var(--ppi-xlogo); }
.wcle-widget-share-facebook::before, .wcle-rw-share-facebook::before { -webkit-mask-image: var(--ppi-fb); mask-image: var(--ppi-fb); width: 20px; height: 20px; }
.wcle-widget-share-whatsapp::before, .wcle-rw-share-whatsapp::before { -webkit-mask-image: var(--ppi-chat); mask-image: var(--ppi-chat); }
.wcle-widget-share-twitter:hover, .wcle-rw-share-twitter:hover { background: var(--pp-ink); color: #fff !important; }
.wcle-widget-share-facebook:hover, .wcle-rw-share-facebook:hover { background: var(--pp-sky); }
.wcle-widget-share-whatsapp:hover, .wcle-rw-share-whatsapp:hover { background: var(--pp-mint); }
.wcle-widget-share-email:hover, .wcle-rw-share-email:hover { background: var(--pp-lime); }

/* Redeem view */
.wcle-widget-redeem-card { padding: 20px 18px 18px; text-align: center; background: var(--pp-violet); color: #fff; border: var(--pp-line); border-radius: 20px; box-shadow: var(--pp-shadow-sm); }
.wcle-widget-redeem-icon { width: 48px; height: 48px; margin: 0 auto 10px; border-radius: 50%; background: var(--pp-lime); border: 2px solid var(--pp-ink); color: var(--pp-ink); --ppi: var(--ppi-tag); --ppi-size: 22px; }
.wcle-widget-redeem-title { font: 800 22px/1.1 var(--pp-font-d); color: #fff; letter-spacing: -.02em; }
.wcle-widget-redeem-rate { display: inline-block; margin-top: 8px; padding: 5px 10px; border-radius: 999px; background: rgba(255,255,255,.16); font: 700 12px/1 var(--pp-font); color: #fff; }
.wcle-widget-redeem-display { margin: 16px 0 12px; font-weight: 700; font-size: 14px; color: rgba(255,255,255,.9); }
.wcle-widget-redeem-points, .wcle-widget-redeem-value, .wcle-widget-redeem-value .amount { font: 800 26px/1 var(--pp-font-d); color: var(--pp-lime) !important; }
.wcle-widget-panel input.wcle-widget-redeem-slider {
	-webkit-appearance: none; appearance: none; width: 100%; height: 14px !important; min-height: 0 !important; margin: 4px 0 0 !important; padding: 0 !important;
	background: #fff !important; border: 2px solid var(--pp-ink) !important; border-radius: 999px !important; box-shadow: none !important; cursor: pointer;
}
.wcle-widget-redeem-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 26px; border-radius: 50%; background: var(--pp-lime); border: 2.5px solid var(--pp-ink); box-shadow: 2px 2px 0 var(--pp-ink); cursor: grab; }
.wcle-widget-redeem-slider::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--pp-lime); border: 2.5px solid var(--pp-ink); box-shadow: 2px 2px 0 var(--pp-ink); cursor: grab; }
.wcle-widget-redeem-range { display: flex; justify-content: space-between; margin: 8px 0 16px; font: 700 12px/1 var(--pp-font); color: rgba(255,255,255,.85); }
.wcle-widget-redeem-range .amount { color: inherit; }
.wcle-widget-redeem-status { margin-top: 10px; font-weight: 700; font-size: 13px; min-height: 1em; }
.wcle-widget-redeem-status.is-success { color: var(--pp-lime); }
.wcle-widget-redeem-status.is-error { color: #FFD2E1; }
.wcle-widget-redeem-locked { margin-top: 14px; padding: 16px; background: #fff; color: var(--pp-ink-2); border: 2px solid var(--pp-ink); border-radius: 16px; }
.wcle-widget-redeem-locked-icon { width: 40px; height: 40px; margin: 0 auto 8px; border-radius: 50%; background: var(--pp-orange); border: 2px solid var(--pp-ink); --ppi: var(--ppi-lock); }
.wcle-widget-redeem-locked-title { font: 800 18px/1.1 var(--pp-font-d); color: var(--pp-ink); }
.wcle-widget-redeem-locked-body { margin-top: 4px; font-size: 14px; }

/* History view */
.wcle-widget-history-list { display: grid; gap: 8px; }
.wcle-widget-history-row { display: flex; align-items: center; gap: 12px; padding: 11px 14px; background: #fff; border: 2px solid var(--pp-ink); border-radius: 14px; }
.wcle-widget-history-meta { flex: 1 1 auto; }
.wcle-widget-history-type { font: 800 15px/1.2 var(--pp-font); color: var(--pp-ink); }
.wcle-widget-history-date { font-size: 12px; font-weight: 600; color: var(--pp-ink-2); opacity: .8; }
.wcle-widget-history-amount { padding: 6px 10px; border-radius: 999px; border: 2px solid var(--pp-ink); font: 800 13px/1 var(--pp-font); color: var(--pp-ink); white-space: nowrap; }
.wcle-widget-history-pos .wcle-widget-history-amount { background: var(--pp-lime); }
.wcle-widget-history-neg .wcle-widget-history-amount { background: #FFD2E1; }
.wcle-widget-history-empty, .wcle-rw-empty { padding: 28px 18px; text-align: center; background: #fff; border: 2px dashed var(--pp-ink); border-radius: 18px; }
.wcle-widget-history-empty-icon, .wcle-rw-empty-icon { width: 52px; height: 52px; margin: 0 auto 10px; border-radius: 50%; background: var(--pp-lilac); border: 2px solid var(--pp-ink); --ppi: var(--ppi-inbox); --ppi-size: 22px; }
.wcle-widget-history-empty-title, .wcle-rw-empty-title { font: 800 19px/1.15 var(--pp-font-d); color: var(--pp-ink); }
.wcle-widget-history-empty-body, .wcle-rw-empty-body { margin-top: 4px; font-size: 14px; color: var(--pp-ink-2); }

.wcle-widget-footer { padding: 10px 18px 14px; border-top: 2px solid var(--pp-ink); background: #fff; display: flex; justify-content: center; }
.wcle-widget-logo { max-height: 28px; width: auto; }

/* Mobile: full-width sheet + compact launcher */
@media (max-width: 600px) {
	button.wcle-widget-launcher { left: 14px !important; bottom: 14px !important; height: 46px !important; padding: 0 15px 0 5px !important; font-size: 14px !important; }
	.wcle-widget-launcher .wcle-widget-launcher-icon { width: 32px; height: 32px; --ppi-size: 16px; }
	.wcle-widget-launcher-text { font-size: 14px !important; }
	.wcle-widget-panel { left: 8px !important; right: 8px !important; bottom: 8px !important; width: auto; max-width: none; max-height: calc(100vh - 70px); max-height: calc(100dvh - 70px); border-radius: 22px; }
	.wcle-widget-view { padding: 0 14px 14px; }
	.wcle-widget-panel .wcle-widget-header { margin: 0 -14px 12px !important; padding: 12px 60px 12px 14px; }
	.wcle-widget-balance-amount { font-size: 34px; }
}

/* =========================================================
   3 · Product badges ("Earn N points")
   ========================================================= */
.wcle-points-badge {
	display: inline-flex !important; align-items: center; gap: 7px; width: auto !important; max-width: 100%;
	margin: 0 0 14px !important; padding: 4px 12px 4px 4px !important;
	background: var(--pp-lilac) !important; color: var(--pp-ink) !important; border: 2px solid var(--pp-ink) !important; border-radius: 999px !important; box-shadow: none !important;
	font: 800 13px/1 var(--pp-font) !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap;
}
.wcle-points-badge .wcle-badge-icon { width: 24px; height: 24px; border-radius: 50%; background: var(--pp-violet); color: var(--pp-lime); --ppi-size: 13px; }
.wcle-points-badge .wcle-badge-text { color: var(--pp-ink) !important; font: inherit !important; }
.wcle-points-badge-single { margin: 2px 0 16px !important; }
/* product cards: small, quiet */
.pp-site .wrap-price:has(.wcle-points-badge-loop) { flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.wcle-points-badge-loop { gap: 5px; margin: 0 0 0 auto !important; padding: 3px 9px 3px 3px !important; font-size: 11.5px !important; border-width: 1.5px !important; background: #fff !important; }
.wcle-points-badge-loop .wcle-badge-icon { width: 18px; height: 18px; --ppi-size: 10px; }
@media (max-width: 768px) {
	.pp-site .wrap-price:has(.wcle-points-badge-loop) { flex-direction: column; align-items: flex-start; }
	.wcle-points-badge-loop { margin: 0 !important; font-size: 10.5px !important; padding: 2px 8px 2px 2px !important; }
	.wcle-points-badge-loop .wcle-badge-icon { width: 16px; height: 16px; }
}

/* =========================================================
   4 · Cart + checkout
   ========================================================= */
/* Earn preview row inside the totals table */
.pp-site tr.wcle-earn-preview th, .pp-site tr.wcle-earn-preview td { padding: 14px 0 0 !important; border: 0 !important; background: transparent !important; text-align: left !important; text-transform: none !important; letter-spacing: 0 !important; }
.wcle-earn-preview-inner { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; background: var(--pp-lilac); border: 2px solid var(--pp-ink); border-radius: 16px; }
.wcle-earn-preview-icon { width: 32px; height: 32px; border-radius: 50%; background: var(--pp-violet); color: var(--pp-lime); border: 2px solid var(--pp-ink); --ppi-size: 15px; }
.wcle-earn-preview-headline { font: 800 15px/1.3 var(--pp-font) !important; color: var(--pp-ink); letter-spacing: 0; text-transform: none; }
.wcle-earn-preview-disclaimer { margin-top: 3px; font: 500 12.5px/1.4 var(--pp-font) !important; color: var(--pp-ink-2); text-transform: none; letter-spacing: 0; }
.wcle-earn-preview-headline a { color: var(--pp-violet); text-decoration: underline; text-underline-offset: 2px; }

/* Rewards banner (logged-in shoppers with a balance) */
.wcle-rewards-banner {
	position: relative; margin: 0 0 22px; padding: 16px 18px; overflow: hidden;
	background: var(--pp-violet); color: #fff; border: var(--pp-line); border-radius: 20px; box-shadow: var(--pp-shadow-sm);
}
.wcle-rewards-banner::after { content: ""; position: absolute; right: -26px; top: -30px; width: 96px; height: 96px; border-radius: 50%; background: var(--pp-pink); border: var(--pp-line); }
.wcle-banner-default, .wcle-banner-applied { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding-right: 76px; }
.wcle-banner-message { flex: 1 1 200px; display: flex; align-items: center; gap: 10px; font: 800 18px/1.2 var(--pp-font-d); color: #fff; letter-spacing: -.01em; }
.wcle-banner-message .pp-ppi { width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--pp-ink); background: var(--pp-lime); color: var(--pp-ink); --ppi-size: 16px; }
.pp-site .wcle-rewards-banner .button {
	min-height: 44px !important; padding: 11px 20px !important; font-size: 14px !important; margin: 0 !important;
	background: var(--pp-lime) !important; color: var(--pp-ink) !important;
}
.pp-site .wcle-rewards-banner .wcle-remove-points { background: #fff !important; }
.wcle-toggle-partial { flex: 1 1 100%; order: 3; font-weight: 700; font-size: 13px; color: #fff !important; text-decoration: underline !important; text-underline-offset: 3px; }
.wcle-toggle-partial:hover { color: var(--pp-lime) !important; }
.wcle-partial-input { order: 4; flex: 1 1 100%; gap: 8px; align-items: center; }
.wcle-partial-input:not([style*="none"]) { display: flex; }
.pp-site .wcle-partial-input input.wcle-partial-amount { flex: 1 1 140px; max-width: 220px; min-height: 44px !important; padding: 8px 16px !important; text-align: left; border-radius: 999px !important; margin: 0 !important; }
.wcle-banner-applied .wcle-banner-message .pp-ppi { background: var(--pp-mint); --ppi: var(--ppi-check); }

/* Guest incentive (checkout, logged out) */
.wcle-guest-incentive {
	display: flex; align-items: center; gap: 12px; margin: 0 0 18px; padding: 13px 16px;
	background: var(--pp-lilac); color: var(--pp-ink); border: 2px solid var(--pp-ink); border-radius: 16px;
	font: 800 15px/1.3 var(--pp-font);
}
.wcle-guest-incentive::before { content: ""; flex: 0 0 32px; height: 32px; background: var(--ppb-star) center / contain no-repeat; }

/* "Have a referral code?" at checkout */
.wcle-checkout-referral { margin: 0 0 18px; padding: 13px 16px; background: #fff; border: 2px solid var(--pp-ink); border-radius: 16px; }
.wcle-checkout-referral-toggle { display: inline-flex; align-items: center; gap: 10px; font: 800 15px/1.3 var(--pp-font); color: var(--pp-ink) !important; text-decoration: none !important; }
.wcle-checkout-referral-toggle::before { content: ""; width: 32px; height: 32px; flex: 0 0 32px; background: var(--ppb-gift) center / contain no-repeat; }
.wcle-checkout-referral-toggle::after { content: "→"; color: var(--pp-violet); transition: transform .15s; }
.wcle-checkout-referral-toggle:hover::after { transform: translateX(3px); }
.wcle-checkout-referral-help { margin: 10px 0 10px !important; font-size: 14px; color: var(--pp-ink-2); }
.wcle-checkout-referral-row { display: flex; gap: 8px; flex-wrap: wrap; }
.pp-site .wcle-checkout-referral-row input.wcle-checkout-referral-input { flex: 1 1 180px; min-height: 48px !important; border-radius: 999px !important; padding: 8px 18px !important; margin: 0 !important; text-transform: uppercase; letter-spacing: .06em !important; }
.pp-site .wcle-checkout-referral-row .button { min-height: 48px !important; padding: 12px 22px !important; font-size: 14px !important; margin: 0 !important; background: var(--pp-lime) !important; color: var(--pp-ink) !important; }
.wcle-checkout-referral-message { margin-top: 8px; font-weight: 700; font-size: 14px; }
.wcle-checkout-referral-message.is-success { color: #0E8F63; }
.wcle-checkout-referral-message.is-error { color: #D0245E; }

/* Thank-you page referral prompt */
.wcle-referral-prompt { margin: 30px 0; padding: 24px; background: var(--pp-pink); color: #fff; border: var(--pp-line); border-radius: 24px; box-shadow: var(--pp-shadow); }
.wcle-referral-prompt h3 { margin: 0 0 4px !important; font: 800 28px/1.1 var(--pp-font-d) !important; letter-spacing: -.02em; color: #fff !important; text-transform: none !important; }
.wcle-referral-prompt p { margin: 0 0 16px !important; font-weight: 700; font-size: 16px; color: #fff; }
.wcle-referral-prompt .wcle-referral-row { display: flex; gap: 8px; margin-bottom: 10px; }
.pp-site .wcle-referral-prompt input.wcle-copy-input { flex: 1 1 auto; min-width: 0; min-height: 48px !important; border-radius: 999px !important; padding: 8px 18px !important; margin: 0 !important; font-size: 14px !important; }
.pp-site .wcle-referral-prompt .button { min-height: 48px !important; padding: 12px 20px !important; font-size: 14px !important; margin: 0 !important; background: var(--pp-lime) !important; color: var(--pp-ink) !important; white-space: nowrap; }
.pp-site .wcle-referral-prompt .wcle-share-email { margin-top: 6px !important; background: #fff !important; }

/* =========================================================
   5 · My Account → Rewards
   ========================================================= */
.wcle-rewards { display: grid; gap: 22px; color: var(--pp-ink-2); font-family: var(--pp-font); }
.wcle-rw-hero { position: relative; overflow: hidden; padding: 28px 28px 26px; background: var(--pp-violet); color: #fff; border: var(--pp-line); border-radius: 24px; box-shadow: var(--pp-shadow); }
.wcle-rw-hero::before { content: ""; position: absolute; right: -40px; top: -50px; width: 190px; height: 190px; border-radius: 50%; background: var(--pp-pink); border: var(--pp-line); }
.wcle-rw-hero::after { content: ""; position: absolute; right: 90px; bottom: -44px; width: 96px; height: 96px; border-radius: 50%; background: var(--pp-lime); border: var(--pp-line); }
.wcle-rw-hero-inner { position: relative; z-index: 1; }
.wcle-rw-hero-label { display: flex; align-items: center; gap: 8px; font: 800 12px/1 var(--pp-font); letter-spacing: .14em; text-transform: uppercase; color: var(--pp-lime); }
.wcle-rw-hero-icon { width: 26px; height: 26px; border-radius: 50%; background: var(--pp-lime); color: var(--pp-ink); --ppi-size: 13px; }
.wcle-rw-hero-amount { margin-top: 10px; font: 800 clamp(40px, 6vw, 60px)/1 var(--pp-font-d); letter-spacing: -.035em; color: #fff; }
.wcle-rw-hero-sub { margin-top: 8px; font-weight: 700; font-size: 16px; color: #fff; }
.wcle-rw-hero-expiry { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; padding: 7px 12px 7px 7px; background: var(--pp-orange); color: var(--pp-ink); border: 2px solid var(--pp-ink); border-radius: 999px; font: 800 13px/1 var(--pp-font); }
.wcle-rw-hero-expiry-icon { width: 22px; height: 22px; border-radius: 50%; background: #fff; --ppi: var(--ppi-clock); --ppi-size: 13px; }
.wcle-rw-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.wcle-rw-stat { display: flex; align-items: center; gap: 12px; padding: 16px; background: #fff; border: var(--pp-line); border-radius: 20px; box-shadow: var(--pp-shadow-sm); }
.wcle-rw-stat-icon { width: 42px; height: 42px; border-radius: 14px; border: 2px solid var(--pp-ink); --ppi-size: 19px; }
.wcle-rw-stat-icon-earned { background: var(--pp-lime); --ppi: var(--ppi-up); }
.wcle-rw-stat-icon-redeemed { background: var(--pp-sky); --ppi: var(--ppi-down); }
.wcle-rw-stat-icon-referrals { background: var(--pp-pink); color: #fff; --ppi: var(--ppi-gift); }
.wcle-rw-stat-label { font: 800 11px/1.2 var(--pp-font); letter-spacing: .08em; text-transform: uppercase; color: var(--pp-ink-2); }
.wcle-rw-stat-value { margin-top: 3px; font: 800 22px/1.05 var(--pp-font-d); color: var(--pp-ink); letter-spacing: -.02em; }
.wcle-rw-section { padding: 24px; background: #fff; border: var(--pp-line); border-radius: 24px; box-shadow: var(--pp-shadow-sm); }
.wcle-rw-section-header { margin-bottom: 16px; }
.pp-site .wcle-rw-section-title { margin: 0 !important; font: 800 26px/1.1 var(--pp-font-d) !important; letter-spacing: -.02em; color: var(--pp-ink) !important; text-transform: none !important; }
.wcle-rw-section-sub { margin: 4px 0 0 !important; font-size: 15px; color: var(--pp-ink-2); }
.wcle-rw-history { display: grid; gap: 8px; }
.wcle-rw-txn { display: grid; grid-template-columns: 170px 1fr auto; align-items: center; gap: 14px; padding: 12px 14px; background: var(--pp-paper); border: 2px solid var(--pp-ink); border-radius: 16px; }
.wcle-rw-txn-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.wcle-rw-pill { display: inline-flex; padding: 5px 9px; border: 2px solid var(--pp-ink); border-radius: 999px; font: 800 11px/1 var(--pp-font); letter-spacing: .06em; text-transform: uppercase; color: var(--pp-ink); background: #fff; }
.wcle-rw-pill-earn { background: var(--pp-lime); }
.wcle-rw-pill-referral_earn { background: var(--pp-pink); color: #fff; }
.wcle-rw-pill-redeem { background: var(--pp-sky); }
.wcle-rw-pill-adjust { background: var(--pp-lilac); }
.wcle-rw-pill-expire, .wcle-rw-pill-deduct { background: #FFD2E1; }
.wcle-rw-txn-date { font-size: 12.5px; font-weight: 600; color: var(--pp-ink-2); }
.wcle-rw-txn-desc { font-weight: 600; font-size: 14.5px; color: var(--pp-ink); }
.wcle-rw-txn-amount { font: 800 17px/1 var(--pp-font-d); color: var(--pp-ink); white-space: nowrap; }
.wcle-rw-txn-pos .wcle-rw-txn-amount { color: #0E8F63; }
.wcle-rw-txn-neg .wcle-rw-txn-amount { color: #D0245E; }
.wcle-rw-referral { background: var(--pp-lilac); }
.wcle-rw-referral-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.wcle-rw-referral-label { display: block; margin-bottom: 6px; font: 800 12px/1 var(--pp-font); letter-spacing: .1em; text-transform: uppercase; color: var(--pp-ink); }
.wcle-rw-copy { display: flex; gap: 6px; padding: 5px; background: #fff; border: var(--pp-line); border-radius: 999px; }
.pp-site .wcle-rw-copy input.wcle-copy-input { flex: 1 1 auto; min-width: 0; min-height: 40px !important; margin: 0 !important; padding: 6px 12px !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; background: transparent !important; font-size: 14px !important; }
.pp-site .wcle-rw-copy button.wcle-rw-copy-btn {
	flex: 0 0 auto; min-height: 40px !important; padding: 0 16px !important; margin: 0 !important;
	border: 2px solid var(--pp-ink) !important; border-radius: 999px !important; background: var(--pp-ink) !important; color: #fff !important; box-shadow: none !important;
	font: 800 13px/1 var(--pp-font) !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer;
}
.pp-site .wcle-rw-copy button.wcle-rw-copy-btn:hover { background: var(--pp-violet) !important; }
.wcle-rw-share { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.wcle-rw-share-label { font: 800 14px/1 var(--pp-font); color: var(--pp-ink); }
.wcle-rw-share-buttons { display: flex; gap: 8px; }
.wcle-rw-referral-footer { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; }
.wcle-rw-referral-stat { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; background: #fff; border: 2px solid var(--pp-ink); border-radius: 16px; }
.wcle-rw-referral-stat-value { font: 800 24px/1 var(--pp-font-d); color: var(--pp-ink); }
.wcle-rw-referral-stat-label { font: 800 11px/1.2 var(--pp-font); letter-spacing: .08em; text-transform: uppercase; color: var(--pp-ink-2); }
@media (max-width: 768px) {
	.wcle-rw-hero { padding: 22px 20px 70px; }
	.wcle-rw-hero::before { width: 110px; height: 110px; right: -38px; top: -44px; }
	.wcle-rw-hero::after { width: 76px; height: 76px; right: 24px; bottom: -34px; }
	.wcle-rw-stats { grid-template-columns: 1fr; gap: 10px; }
	.wcle-rw-stat { padding: 12px 14px; }
	.wcle-rw-section { padding: 18px; border-radius: 20px; }
	.wcle-rw-txn { grid-template-columns: 1fr auto; gap: 8px 12px; }
	.wcle-rw-txn-meta { flex-direction: row; align-items: center; gap: 8px; grid-column: 1 / -1; }
	.wcle-rw-referral-grid, .wcle-rw-referral-footer { grid-template-columns: 1fr; }
}
/* Account nav: give Rewards a little star */
.pp-site .woocommerce-MyAccount-navigation-link--rewards a::after { content: "★"; margin-left: 6px; color: var(--pp-violet); }

/* =========================================================
   6 · Header points pill
   ========================================================= */
.pp-pts-pill {
	display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px 0 4px;
	background: var(--pp-lilac); color: var(--pp-ink) !important; border: 2px solid var(--pp-ink); border-radius: 999px;
	font: 800 14px/1 var(--pp-font); text-decoration: none !important; white-space: nowrap; transition: transform .15s ease, box-shadow .15s ease;
}
.pp-pts-pill:hover { transform: translate(-2px,-2px); box-shadow: var(--pp-shadow-sm); }
.pp-pts-pill .pp-ppi { width: 30px; height: 30px; border-radius: 50%; background: var(--pp-violet); color: var(--pp-lime); --ppi-size: 14px; }
.pp-pts-pill small { font: 700 12px/1 var(--pp-font); color: var(--pp-ink-2); }
.pp-pts-pill b { font-weight: 800; }
/* Tight header widths: collapse to a star disc with a count bubble */
@media (max-width: 1279px) {
	.pp-pts-pill { position: relative; width: 42px; height: 42px; padding: 0; justify-content: center; background: var(--pp-violet); }
	.pp-pts-pill .pp-ppi { background: transparent; }
	.pp-pts-pill small { display: none; }
	.pp-pts-pill b { position: absolute; top: -9px; right: -12px; min-width: 22px; padding: 4px 6px; border: 2px solid var(--pp-ink); border-radius: 999px; background: var(--pp-lime); color: var(--pp-ink); font: 800 10px/1 var(--pp-font); text-align: center; }
}
@media (max-width: 768px) { .pp-pts-pill { display: none; } }

/* Lift the launcher/panel above WoodMart's sticky add-to-cart bar when it's showing */
button.wcle-widget-launcher { transition: transform .15s ease, box-shadow .15s ease, opacity .2s ease, bottom .25s ease !important; }
body:has(.wd-sticky-btn.wd-sticky-btn-shown) button.wcle-widget-launcher { bottom: calc(var(--pp-sticky-h, 76px) + 14px) !important; }
@media (max-width: 1024px) { body { --pp-sticky-h: 50px; } }
@media (max-width: 768px) {
	/* WooCommerce hides tbody th in responsive tables — keep the earn preview visible */
	.pp-site table.shop_table_responsive tr.wcle-earn-preview th, .pp-site tr.wcle-earn-preview th { display: block !important; width: 100%; }
	.pp-site tr.wcle-earn-preview { display: block; }
	.wcle-rewards-banner { padding: 14px; border-radius: 18px; }
	.wcle-rewards-banner::after { width: 64px; height: 64px; right: -24px; top: -26px; }
	.wcle-banner-default, .wcle-banner-applied { padding-right: 24px; }
	.wcle-banner-message { flex-basis: 100%; font-size: 16px; }
}
/* Keep the panel clear of the WP admin bar for logged-in staff */
.admin-bar .wcle-widget-panel { max-height: min(700px, calc(100vh - 92px)); max-height: min(700px, calc(100dvh - 92px)); }
.wcle-widget-rate-badge { display: inline-block; }
.wcle-widget-earn-label { min-width: 0; }
.wcle-widget-earn-value { flex: 0 1 44%; }
.wcle-widget-panel .woocommerce-Price-amount, .wcle-widget-panel .woocommerce-Price-amount bdi { font: inherit !important; color: inherit; }
.wcle-widget-panel .wcle-widget-view > * + * { margin-top: 12px; }
.wcle-widget-welcome::after { width: 92px; height: 92px; right: -26px; bottom: -38px; }
.wcle-widget-welcome-text { max-width: 238px; }
.wcle-widget-panel .wcle-widget-pitch { margin-top: 14px !important; }
.wcle-rewards .wcle-rw-stats { grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); }
.wcle-rewards .wcle-rw-referral-footer { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }