/* 2026-11-02 mini rewards bar above the sticky cart Dock: mirrors the drawer's reward message + progress, tap opens the cart */ (function () { try { if (window.__flashMiniRewards) return; window.__flashMiniRewards = true; var cd = cartDrawer || window.themeCartDrawer; var css = document.createElement("style"); css.id = "flash-mini-rewards-styles"; css.textContent = "#flash-mini-rewards{position:fixed;display:flex;align-items:center;gap:10px;margin:0;padding:6px 16px 6px 6px;border:0;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.18);font-family:inherit;font-size:13px;font-weight:500;line-height:1.25;text-align:left;cursor:pointer;box-sizing:border-box;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}" + "#flash-mini-rewards.is-on{opacity:1;pointer-events:auto;transform:none}" + "#flash-mini-rewards .fmr-ring{position:relative;width:32px;height:32px;flex:none}" + "#flash-mini-rewards svg{display:block;width:32px;height:32px;transform:rotate(-90deg)}" + "#flash-mini-rewards circle{fill:none;stroke:currentColor;stroke-width:3}" + "#flash-mini-rewards .fmr-track{opacity:.3}" + "#flash-mini-rewards .fmr-fill{stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .4s ease}" + "#flash-mini-rewards .fmr-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}" + "#flash-mini-rewards .fmr-msg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}" + "@media (prefers-reduced-motion:reduce){#flash-mini-rewards,#flash-mini-rewards .fmr-fill{transition:none}}"; document.head.appendChild(css); /* 2026-11-03 express buttons: same width as the Checkout button (no negative margins), one row where it fits */ var expCss = document.createElement("style"); expCss.id = "flash-express-checkout-1row-styles"; expCss.textContent = "#flash-express-checkout shopify-accelerated-checkout-cart{display:block !important;width:100% !important;min-width:min(325px,100%) !important}" + /* 2026-11-03 4 wallets (e.g. iPhone): widen the row to 4/3 and clip it, so exactly 3 show on one row */ "#flash-express-checkout:has(shopify-accelerated-checkout-cart > :nth-child(4)){overflow:hidden !important}" + "#flash-express-checkout shopify-accelerated-checkout-cart:has(> :nth-child(4)){width:max(431px,calc(100% * 4 / 3)) !important;max-width:none !important;min-width:0 !important}" + "#flash-express-checkout shopify-accelerated-checkout-cart > *{min-width:0 !important;flex-shrink:1 !important}" + /* 2026-11-04 Shopify's loading bars for those 4 wallets: one row of 3 too, so the row doesn't drop in as 4 stacked bars first */ "#flash-express-checkout .wallet-cart-grid--skeleton:has(> :nth-child(4)){flex-direction:row !important;flex-wrap:nowrap !important;margin:0 -5px -5px !important}" + "#flash-express-checkout .wallet-cart-grid--skeleton:has(> :nth-child(4)) > .wallet-cart-button-container{width:auto !important;min-width:0 !important;height:42px !important;margin:0 5px 5px !important;flex:1 1 0 !important}" + "#flash-express-checkout .wallet-cart-grid--skeleton > :nth-child(n+4){display:none !important}"; document.head.appendChild(expCss); var bar = document.createElement("button"); bar.type = "button"; bar.id = "flash-mini-rewards"; bar.innerHTML = ''; bar.addEventListener("click", function () { if (cd && cd.open) cd.open(); }); document.body.appendChild(bar); var fillEl = bar.querySelector(".fmr-fill"); var countEl = bar.querySelector(".fmr-count"); var msgEl = bar.querySelector(".fmr-msg"); var shadow = function () { var host = document.getElementById("cart-drawer-shadow-host"); return host && host.shadowRoot; }; // The drawer keeps its rewards bar rendered while closed, so its caption // and fill width are the source of truth (same copy, same locale). var readRewards = function () { var root = shadow(); var rb = root && root.querySelector(".tiered-rewards-bar"); if (!rb) return null; var text = ""; var captions = rb.querySelectorAll(".flash-text-center"); for (var i = 0; i < captions.length && !text; i++) text = captions[i].textContent.trim(); var pct = 0; var sized = rb.querySelectorAll("[style*='width']"); for (var j = 0; j < sized.length; j++) { var w = sized[j].style.width; if (/%$/.test(w)) { pct = parseFloat(w) || 0; break; } } return text ? { text: text, pct: Math.max(0, Math.min(100, pct)) } : null; }; var render = function () { var dock = document.querySelector("#flash-sticky-cart-container .flash-sticky-cart--dock"); var rect = dock && dock.getBoundingClientRect(); var rewards = readRewards(); var count = (cd && cd.getItemCount && cd.getItemCount()) || 0; if (!rect || !rect.height || !rewards || !count) { bar.classList.remove("is-on"); return; } var btn = dock.querySelector("button") || dock; var look = getComputedStyle(btn); bar.style.backgroundColor = look.backgroundColor; bar.style.color = look.color; bar.style.zIndex = getComputedStyle(dock).zIndex; bar.style.left = rect.left + "px"; bar.style.width = rect.width + "px"; if (rect.top > window.innerHeight / 2) { bar.style.top = "auto"; bar.style.bottom = window.innerHeight - rect.top + 8 + "px"; } else { bar.style.bottom = "auto"; bar.style.top = rect.bottom + 8 + "px"; } msgEl.textContent = rewards.text; bar.setAttribute("aria-label", rewards.text); countEl.textContent = String(count); fillEl.style.strokeDashoffset = String(100 - rewards.pct); bar.classList.add("is-on"); }; var queued = false; var schedule = function () { if (queued) return; queued = true; requestAnimationFrame(function () { queued = false; try { render(); } catch (e) {} }); }; var watching = false; var watch = function () { var root = shadow(); var sticky = document.getElementById("flash-sticky-cart-container"); if (watching || !root || !sticky) return false; watching = true; var opts = { subtree: true, childList: true, characterData: true, attributes: true, attributeFilter: ["style", "class"] }; new MutationObserver(schedule).observe(root, opts); new MutationObserver(schedule).observe(sticky, opts); return true; }; if (cd && cd.onUpdate) cd.onUpdate(schedule); window.addEventListener("resize", schedule); var tries = 0; (function waitForMounts() { if (watch() || ++tries > 40) return schedule(); setTimeout(waitForMounts, 250); })(); } catch (e) {} })(); /* 2026-11-07 desktop: the mouse wheel over the page beside the open cart scrolls the page. The theme scrolls .page-wrapper, not the window, so the backdrop on top of it never passed the scroll down */ (function () { try { if (window.__cdWheelToPage) return; window.__cdWheelToPage = true; window.addEventListener("wheel", function (e) { var t = e.composedPath ? e.composedPath()[0] : e.target; if (!t || !t.classList || !t.classList.contains("cart-drawer-overlay")) return; var pw = document.querySelector(".page-wrapper"); var k = e.deltaMode === 1 ? 16 : 1; // instant: the wrapper is smooth-scrolled, which lags behind the wheel if (pw) pw.scrollBy({ left: e.deltaX * k, top: e.deltaY * k, behavior: "instant" }); }, { capture: true, passive: true }); } catch (e) {} })();

Pays/région

Langue

Pays/région

Langue