document.addEventListener("DOMContentLoaded", function () { const stripeContainer = document.getElementById("wc-stripe-express-checkout-element"); if (!stripeContainer) return; const TEXT_ID = "express-checkout-text"; function showText() { if (!document.getElementById(TEXT_ID)) { const text = document.createElement("div"); text.id = TEXT_ID; text.innerHTML = "-In a hurry? Checkout in seconds.-"; text.style.marginBottom = "14px"; text.style.textAlign = "center"; text.style.fontWeight = "600"; text.style.marginTop = "12px"; text.style.fontFamily = "Tex Gyre Adventor"; text.style.fontSize = "16px"; stripeContainer.parentNode.insertBefore(text, stripeContainer); } } function hideText() { const el = document.getElementById(TEXT_ID); if (el) el.remove(); } function checkStripeButtons() { // cherche les iframes Stripe réellement chargées const iframes = stripeContainer.querySelectorAll("iframe"); let visible = false; iframes.forEach(frame => { const rect = frame.getBoundingClientRect(); // iframe existe ET a une hauteur visible if (rect.height > 20 && rect.width > 20) { visible = true; } }); if (visible) { showText(); } else { hideText(); } } const observer = new MutationObserver(checkStripeButtons); observer.observe(stripeContainer, { childList: true, subtree: true, attributes: true }); // check initial checkStripeButtons(); });