@bigz-app/booking-widget 1.1.4 → 1.1.6

package/dist/index.cjs

@@ -354,6 +354,7 @@ const de$1 = {
     "success.age": "{{age}} Jahre",
     "success.paymentSummary": "Zahlungsübersicht",
     "success.total": "Gesamtbetrag",
+    "success.discount": "Rabatt",
     "success.product": "Produkt",
     "success.contactInfo": "Kontaktdaten",
     "success.name": "Name:",
@@ -562,6 +563,7 @@ const en = {
     "success.age": "{{age}} years",
     "success.paymentSummary": "Payment Summary",
     "success.total": "Total",
+    "success.discount": "Discount",
     "success.product": "Product",
     "success.contactInfo": "Contact Information",
     "success.name": "Name:",
@@ -770,6 +772,7 @@ const es = {
     "success.age": "{{age}} años",
     "success.paymentSummary": "Resumen del pago",
     "success.total": "Total",
+    "success.discount": "Descuento",
     "success.product": "Producto",
     "success.contactInfo": "Datos de contacto",
     "success.name": "Nombre:",
@@ -978,6 +981,7 @@ const pt = {
     "success.age": "{{age}} anos",
     "success.paymentSummary": "Resumo do pagamento",
     "success.total": "Total",
+    "success.discount": "Desconto",
     "success.product": "Produto",
     "success.contactInfo": "Dados de contacto",
     "success.name": "Nome:",
@@ -1186,6 +1190,7 @@ const sv = {
     "success.age": "{{age}} år",
     "success.paymentSummary": "Betalningssammanfattning",
     "success.total": "Totalt",
+    "success.discount": "Rabatt",
     "success.product": "Produkt",
     "success.contactInfo": "Kontaktuppgifter",
     "success.name": "Namn:",
@@ -1312,7 +1317,7 @@ function persistLocale(locale) {
 const I18nContext = React.createContext(null);
 function I18nProvider({ configLocale, children }) {
     // Priority: configLocale (site owner) > persisted user choice > browser language > "de"
-    // If configLocale is set, the site owner has locked the language — don't restore user choice.
+    // If configLocale is set, the site owner has locked the language - don't restore user choice.
     const [overrideLocale, setOverrideLocale] = React.useState(() => {
         if (configLocale)
             return null;
@@ -11021,6 +11026,13 @@ function mergeStyles(...styles) {
     return Object.assign({}, ...styles.filter(Boolean));
 }
 
+function getEffectivePrice(upsell, round) {
+    const dp = upsell.discountPercent ?? 0;
+    if (dp <= 0)
+        return upsell.price;
+    const raw = Math.round(upsell.price * (100 - dp) / 100);
+    return round ? Math.floor(raw / 100) * 100 : raw;
+}
 // Local style aliases from shared styles
 const cardStyles = cardStyles$1.base;
 const sectionHeaderStyles = sectionStyles.header;
@@ -11031,6 +11043,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
     const t$1 = useTranslations();
     const { locale } = useLocale();
     const timezone = useTimezone();
+    const roundEnabled = systemConfig?.roundPricesEnabled !== false;
     const [appliedVouchers, setAppliedVouchers] = React.useState([]);
     const paymentSectionRef = React.useRef(null);
     // Payment option: "deposit" or "full" - only relevant when deposit is available
@@ -11101,7 +11114,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                 participantUpsellIds.forEach(upsellId => {
                     const upsell = upsells.find(u => u.id === upsellId);
                     if (upsell) {
-                        total += upsell.price;
+                        total += getEffectivePrice(upsell, roundEnabled);
                     }
                 });
             }
@@ -11377,7 +11390,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                                         padding: 0,
                                                                     }, children: "\u00D7" })] }))] }), upsells.length > 0 && (jsxRuntime.jsx("div", { style: participantUpsellStyles.container, children: upsells.map((upsell) => {
                                                         const isSelected = (participantUpsells[index] || []).includes(upsell.id);
-                                                        return (jsxRuntime.jsxs("label", { htmlFor: `upsell-${index}-${upsell.id}`, style: isSelected ? participantUpsellStyles.labelSelected : participantUpsellStyles.label, children: [jsxRuntime.jsx("input", { id: `upsell-${index}-${upsell.id}`, type: "checkbox", style: participantUpsellStyles.checkbox, checked: isSelected, onChange: () => toggleParticipantUpsell(index, upsell.id) }), jsxRuntime.jsx("span", { style: { fontWeight: 500 }, children: upsell.name }), jsxRuntime.jsxs("span", { style: { fontSize: "12px", opacity: 0.8 }, children: ["(+", formatCurrency(upsell.price), ")"] })] }, upsell.id));
+                                                        return (jsxRuntime.jsxs("label", { htmlFor: `upsell-${index}-${upsell.id}`, style: isSelected ? participantUpsellStyles.labelSelected : participantUpsellStyles.label, children: [jsxRuntime.jsx("input", { id: `upsell-${index}-${upsell.id}`, type: "checkbox", style: participantUpsellStyles.checkbox, checked: isSelected, onChange: () => toggleParticipantUpsell(index, upsell.id) }), jsxRuntime.jsx("span", { style: { fontWeight: 500 }, children: upsell.name }), jsxRuntime.jsxs("span", { style: { fontSize: "12px", opacity: 0.8 }, children: ["(+", formatCurrency(getEffectivePrice(upsell, roundEnabled)), ")"] })] }, upsell.id));
                                                     }) }))] }, index))), watchedParticipants.length < eventDetails.availableSpots ? (jsxRuntime.jsx("div", { style: {
                                                 display: "flex",
                                                 flexDirection: "column",
@@ -11409,7 +11422,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                             const countWithUpsell = watchedParticipants.filter((p, idx) => p.name.trim() && (participantUpsells[idx] || []).includes(upsell.id)).length;
                                                             if (countWithUpsell === 0)
                                                                 return null;
-                                                            const upsellLineTotal = upsell.price * countWithUpsell;
+                                                            const upsellLineTotal = getEffectivePrice(upsell, roundEnabled) * countWithUpsell;
                                                             return (jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "13px" }, children: [jsxRuntime.jsxs("span", { style: { color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: ["+ ", upsell.name, " (", countWithUpsell, "\u00D7)"] }), jsxRuntime.jsx("span", { style: { color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(upsellLineTotal) })] }, upsell.id));
                                                         })] })), appliedVouchers.length > 0 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: t$1("summary.subtotal") }), jsxRuntime.jsx("span", { style: {
                                                                         fontFamily: "var(--bw-font-family)",
@@ -11534,7 +11547,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                     : t$1("payment.fillRequired");
                                                 return (jsxRuntime.jsx("div", { style: {
                                                         ...cardStyles,
-                                                        borderColor: "var(--bw-warning-color)",
+                                                        border: "1px solid var(--bw-warning-color)",
                                                         color: "var(--bw-warning-color)",
                                                         fontFamily: "var(--bw-font-family)",
                                                         textAlign: "center",
@@ -11703,6 +11716,7 @@ const BookingSuccessModal = ({ isOpen, onClose, config, onError, paymentIntentId
                         payments: data.payments,
                         orderItems: data.orderItems,
                         purchases: data.purchases || [],
+                        discount: data.discount || null,
                         stripePaymentIntent: data.stripePaymentIntent,
                     });
                     setEventDetails({
@@ -11952,7 +11966,7 @@ const BookingSuccessModal = ({ isOpen, onClose, config, onError, paymentIntentId
                                             color: "var(--bw-text-color)",
                                             margin: "0",
                                             fontFamily: "var(--bw-font-family)",
-                                        }, children: t("success.paymentSummary") }) }), jsxRuntime.jsx("div", { className: "print-only", children: jsxRuntime.jsx("div", { className: "print-section-title", children: t("success.paymentSummary") }) }), jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [jsxRuntime.jsxs("div", { className: "print-hidden", style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: [jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsxs("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)", fontSize: "var(--bw-font-size-small)" }, children: [eventDetails.name, " (", booking.participantCount, "x ", formatCurrency(eventDetails.price), ")"] }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(eventDetails.price * booking.participantCount) })] }), bookingData.purchases && bookingData.purchases.length > 0 && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: bookingData.purchases.map((purchase) => (jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsxs("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)", fontSize: "var(--bw-font-size-small)" }, children: [purchase.product?.name || t("success.product"), " (", purchase.quantity, "x ", formatCurrency(purchase.unitPrice), ")"] }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(purchase.totalPrice) })] }, purchase.id))) })), jsxRuntime.jsxs("div", { style: {
+                                        }, children: t("success.paymentSummary") }) }), jsxRuntime.jsx("div", { className: "print-only", children: jsxRuntime.jsx("div", { className: "print-section-title", children: t("success.paymentSummary") }) }), jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [jsxRuntime.jsxs("div", { className: "print-hidden", style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: [jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsxs("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)", fontSize: "var(--bw-font-size-small)" }, children: [eventDetails.name, " (", booking.participantCount, "x ", formatCurrency(eventDetails.price), ")"] }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(eventDetails.price * booking.participantCount) })] }), bookingData.discount && bookingData.discount.amount > 0 && (jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsxs("span", { style: { color: "var(--bw-success-color, #10B981)", fontFamily: "var(--bw-font-family)", fontSize: "var(--bw-font-size-small)" }, children: [t("success.discount"), " (", bookingData.discount.code, ")"] }), jsxRuntime.jsxs("span", { style: { color: "var(--bw-success-color, #10B981)", fontFamily: "var(--bw-font-family)" }, children: ["-", formatCurrency(bookingData.discount.amount)] })] })), bookingData.purchases && bookingData.purchases.length > 0 && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: bookingData.purchases.map((purchase) => (jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [jsxRuntime.jsxs("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)", fontSize: "var(--bw-font-size-small)" }, children: [purchase.product?.name || t("success.product"), " (", purchase.quantity, "x ", formatCurrency(purchase.unitPrice), ")"] }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(purchase.totalPrice) })] }, purchase.id))) })), jsxRuntime.jsxs("div", { style: {
                                                         display: "flex",
                                                         justifyContent: "space-between",
                                                         alignItems: "center",
@@ -13284,52 +13298,24 @@ const getThemeConfig = (theme = "generic") => {
                 backgroundImage: "https://images.unsplash.com/photo-1502680390469-be75c86b636f?w=600&q=80",
                 primaryColor: "#0c4a6e",
                 secondaryColor: "#0891b2",
-                icon: "🏄‍♂️",
-                decorations: ["🎄", "⭐"],
-                animation: {
-                    floatDuration: 3,
-                    sparkleEnabled: true,
-                    snowfallEnabled: true,
-                },
             };
         case "summer":
             return {
                 backgroundImage: "https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=600&q=80",
                 primaryColor: "#059669",
                 secondaryColor: "#10b981",
-                icon: "☀️",
-                decorations: ["🌴", "🏖️"],
-                animation: {
-                    floatDuration: 2.5,
-                    sparkleEnabled: true,
-                    snowfallEnabled: false,
-                },
             };
         case "beach":
             return {
                 backgroundImage: "https://images.unsplash.com/photo-1502680390469-be75c86b636f?w=600&q=80",
                 primaryColor: "#0891b2",
                 secondaryColor: "#06b6d4",
-                icon: "🏄‍♀️",
-                decorations: ["🌊", "🏄"],
-                animation: {
-                    floatDuration: 3,
-                    sparkleEnabled: false,
-                    snowfallEnabled: false,
-                },
             };
         default:
             return {
                 backgroundImage: undefined,
                 primaryColor: "#0c4a6e",
                 secondaryColor: "#0891b2",
-                icon: "🎁",
-                decorations: [],
-                animation: {
-                    floatDuration: 3,
-                    sparkleEnabled: false,
-                    snowfallEnabled: false,
-                },
             };
     }
 };
@@ -13387,192 +13373,152 @@ function PromoDialog({ config, onClose, onCtaClick }) {
                     position: "fixed",
                     inset: 0,
                     zIndex: 60,
-                    backgroundColor: "rgba(0, 20, 40, 0.85)",
-                    backdropFilter: "blur(4px)",
+                    backgroundColor: "rgba(0, 20, 40, 0.8)",
+                    backdropFilter: "blur(6px)",
                     transition: "opacity 0.3s ease-out",
                     opacity: isVisible ? 1 : 0,
                 } }), jsxRuntime.jsx("div", { style: {
                     position: "fixed",
                     zIndex: 61,
-                    width: "92%",
-                    maxWidth: "440px",
+                    width: "90%",
+                    maxWidth: "400px",
                     transition: "all 0.3s",
                     top: "50%",
                     left: "50%",
-                    transform: `translate(-50%, -50%) scale(${isVisible ? 1 : 0.9})`,
+                    transform: `translate(-50%, -50%) scale(${isVisible ? 1 : 0.95})`,
                     opacity: isVisible ? 1 : 0,
-                    transitionTimingFunction: "cubic-bezier(0.34, 1.56, 0.64, 1)",
+                    transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
                 }, children: jsxRuntime.jsxs("div", { style: {
                         position: "relative",
                         overflow: "hidden",
-                        borderRadius: "28px",
-                        boxShadow: "0 25px 60px -12px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.1), inset 0 1px 0 rgba(255,255,255,0.2)",
+                        borderRadius: "20px",
+                        boxShadow: "0 25px 50px -12px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.08)",
                         background: `linear-gradient(165deg, ${themeConfig.primaryColor} 0%, ${themeConfig.primaryColor} 40%, ${themeConfig.secondaryColor} 100%)`,
-                    }, children: [themeConfig.animation?.snowfallEnabled &&
-                            Array.from({ length: 15 }).map((_, i) => (jsxRuntime.jsx("div", { style: {
-                                    position: "absolute",
-                                    pointerEvents: "none",
-                                    zIndex: 1,
-                                    color: "white",
-                                    opacity: 0,
-                                    left: `${5 + Math.random() * 90}%`,
-                                    top: "-10px",
-                                    fontSize: `${10 + Math.random() * 14}px`,
-                                    animation: `promo-snow ${4 + Math.random() * 3}s linear infinite`,
-                                    animationDelay: `${Math.random() * 4}s`,
-                                }, children: "\u2744" }, i))), jsxRuntime.jsxs("div", { style: {
+                    }, children: [themeConfig.backgroundImage && (jsxRuntime.jsxs("div", { style: {
                                 position: "relative",
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "center",
+                                height: "120px",
                                 overflow: "hidden",
-                                height: "180px",
-                                background: `linear-gradient(180deg, rgba(0,0,0,0) 0%, ${themeConfig.primaryColor}cc 100%)`,
-                            }, children: [themeConfig.backgroundImage && (jsxRuntime.jsx("img", { src: themeConfig.backgroundImage, alt: "Background", style: {
+                            }, children: [jsxRuntime.jsx("img", { src: themeConfig.backgroundImage, alt: "", style: {
                                         position: "absolute",
                                         inset: 0,
                                         width: "100%",
                                         height: "100%",
                                         objectFit: "cover",
-                                        opacity: 0.6,
-                                    } })), jsxRuntime.jsx("div", { style: {
+                                        opacity: 0.5,
+                                    } }), jsxRuntime.jsx("div", { style: {
                                         position: "absolute",
                                         inset: 0,
-                                        background: `linear-gradient(180deg, ${themeConfig.primaryColor}4d 0%, ${themeConfig.primaryColor}e6 100%)`,
-                                    } }), jsxRuntime.jsx("div", { style: {
-                                        position: "relative",
-                                        zIndex: 2,
-                                        fontSize: "64px",
-                                        filter: "drop-shadow(0 8px 16px rgba(0,0,0,0.4))",
-                                        animation: `promo-float ${themeConfig.animation?.floatDuration || 3}s ease-in-out infinite`,
-                                    }, children: themeConfig.icon }), themeConfig.decorations &&
-                                    themeConfig.decorations.map((decoration, i) => (jsxRuntime.jsx("div", { style: {
-                                            position: "absolute",
-                                            top: i === 0 ? "16px" : "20px",
-                                            left: i === 0 ? "20px" : "auto",
-                                            right: i === 1 ? "20px" : "auto",
-                                            fontSize: i === 0 ? "28px" : "24px",
-                                            animation: themeConfig.animation?.sparkleEnabled
-                                                ? `promo-sparkle 2s ease-in-out infinite ${i * 0.5}s`
-                                                : undefined,
-                                        }, children: decoration }, i)))] }), jsxRuntime.jsx("button", { onClick: handleClose, style: {
+                                        background: `linear-gradient(180deg, ${themeConfig.primaryColor}33 0%, ${themeConfig.primaryColor}ee 100%)`,
+                                    } })] })), jsxRuntime.jsx("button", { onClick: handleClose, style: {
                                 position: "absolute",
-                                top: "16px",
-                                right: "16px",
+                                top: "12px",
+                                right: "12px",
                                 display: "flex",
                                 alignItems: "center",
                                 justifyContent: "center",
                                 cursor: "pointer",
                                 zIndex: 10,
-                                width: "36px",
-                                height: "36px",
+                                width: "32px",
+                                height: "32px",
                                 borderRadius: "50%",
                                 border: "none",
-                                backgroundColor: "rgba(0, 0, 0, 0.3)",
+                                backgroundColor: "rgba(0, 0, 0, 0.25)",
                                 backdropFilter: "blur(4px)",
-                                color: "white",
-                                fontSize: "22px",
+                                color: "rgba(255,255,255,0.8)",
+                                fontSize: "18px",
                                 lineHeight: 1,
-                                transition: "all 0.15s ease",
+                                transition: "background-color 0.15s ease",
                             }, children: "\u00D7" }), jsxRuntime.jsxs("div", { style: {
                                 position: "relative",
                                 textAlign: "center",
                                 zIndex: 2,
-                                padding: "28px 28px 32px 28px",
+                                padding: "20px 24px 24px",
                             }, children: [jsxRuntime.jsx("h2", { style: {
-                                        fontWeight: 800,
-                                        fontSize: "26px",
+                                        fontWeight: 700,
+                                        fontSize: "20px",
                                         color: "white",
-                                        marginBottom: "6px",
-                                        letterSpacing: "-0.025em",
-                                        filter: "drop-shadow(0 2px 8px rgba(0,0,0,0.3))",
+                                        letterSpacing: "-0.02em",
+                                        lineHeight: 1.25,
                                         margin: "0 0 6px 0",
                                     }, children: config.title }), jsxRuntime.jsxs("p", { style: {
-                                        fontSize: "17px",
-                                        color: "rgba(255, 255, 255, 0.9)",
-                                        marginBottom: "20px",
+                                        fontSize: "14px",
+                                        color: "rgba(255, 255, 255, 0.85)",
                                         lineHeight: 1.5,
-                                        margin: "0 0 20px 0",
-                                    }, children: [config.subtitle, config.discountAmount && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("br", {}), jsxRuntime.jsxs("strong", { style: { color: themeConfig.secondaryColor }, children: [config.discountAmount, " ", t("promo.discount")] })] }))] }), config.discountCode && (jsxRuntime.jsxs("div", { style: {
-                                        marginBottom: "20px",
-                                        backgroundColor: "white",
-                                        borderRadius: "16px",
-                                        padding: "18px 20px",
-                                        boxShadow: "0 8px 24px rgba(0,0,0,0.15), inset 0 -2px 0 rgba(0,0,0,0.05)",
+                                        margin: "0 0 16px 0",
+                                    }, children: [config.subtitle, config.discountAmount && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [" - ", jsxRuntime.jsxs("strong", { style: { color: "white" }, children: [config.discountAmount, " ", t("promo.discount")] })] }))] }), config.discountCode && (jsxRuntime.jsxs("div", { style: {
+                                        marginBottom: "16px",
+                                        backgroundColor: "rgba(255,255,255,0.12)",
+                                        borderRadius: "12px",
+                                        padding: "12px 16px",
+                                        border: "1px solid rgba(255,255,255,0.1)",
                                     }, children: [jsxRuntime.jsx("p", { style: {
                                                 textTransform: "uppercase",
-                                                fontWeight: 600,
-                                                fontSize: "11px",
+                                                fontWeight: 500,
+                                                fontSize: "10px",
                                                 letterSpacing: "1.5px",
-                                                color: "#64748b",
-                                                marginBottom: "10px",
-                                                margin: "0 0 10px 0",
+                                                color: "rgba(255,255,255,0.6)",
+                                                margin: "0 0 8px 0",
                                             }, children: t("promo.giftCode") }), jsxRuntime.jsxs("div", { style: {
                                                 display: "flex",
                                                 alignItems: "center",
                                                 justifyContent: "center",
-                                                gap: "12px",
-                                            }, children: [jsxRuntime.jsx("div", { style: {
-                                                        padding: "10px 20px",
-                                                        borderRadius: "10px",
-                                                        background: `linear-gradient(135deg, ${themeConfig.secondaryColor} 0%, ${themeConfig.primaryColor} 100%)`,
-                                                        boxShadow: `0 4px 12px ${themeConfig.secondaryColor}4d`,
-                                                    }, children: jsxRuntime.jsx("span", { style: {
-                                                            fontWeight: 900,
-                                                            fontSize: "28px",
-                                                            color: "white",
-                                                            letterSpacing: "6px",
-                                                            filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.2))",
-                                                        }, children: discountCode }) }), jsxRuntime.jsx("button", { onClick: handleCopyCode, style: {
+                                                gap: "10px",
+                                            }, children: [jsxRuntime.jsx("span", { style: {
+                                                        fontWeight: 800,
+                                                        fontSize: "22px",
+                                                        color: "white",
+                                                        letterSpacing: "4px",
+                                                        fontFamily: "monospace, monospace",
+                                                    }, children: discountCode }), jsxRuntime.jsx("button", { onClick: handleCopyCode, style: {
                                                         display: "flex",
                                                         alignItems: "center",
                                                         cursor: "pointer",
                                                         whiteSpace: "nowrap",
-                                                        padding: "12px 16px",
-                                                        borderRadius: "10px",
-                                                        border: "2px solid",
-                                                        borderColor: copied ? "#22c55e" : "#e2e8f0",
-                                                        backgroundColor: copied ? "#dcfce7" : "#f8fafc",
-                                                        color: copied ? "#15803d" : "#475569",
-                                                        fontSize: "13px",
+                                                        padding: "6px 12px",
+                                                        borderRadius: "8px",
+                                                        border: "1px solid rgba(255,255,255,0.2)",
+                                                        backgroundColor: copied
+                                                            ? "rgba(34, 197, 94, 0.2)"
+                                                            : "rgba(255,255,255,0.1)",
+                                                        color: copied ? "#86efac" : "rgba(255,255,255,0.8)",
+                                                        fontSize: "12px",
                                                         fontWeight: 600,
                                                         transition: "all 0.15s ease",
-                                                        gap: "6px",
-                                                    }, children: copied ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["\u2713 ", t("promo.copied")] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: [jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }), t("promo.copy")] })) })] })] })), config.activities && config.activities.length > 0 && (jsxRuntime.jsx("div", { style: {
+                                                        gap: "4px",
+                                                    }, children: copied ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["\u2713 ", t("promo.copied")] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: [jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }), t("promo.copy")] })) })] })] })), config.activities && config.activities.length > 0 && (jsxRuntime.jsx("div", { style: {
                                         display: "flex",
                                         justifyContent: "center",
-                                        gap: "8px",
-                                        marginBottom: "20px",
+                                        gap: "6px",
+                                        marginBottom: "16px",
                                         flexWrap: "wrap",
                                     }, children: config.activities.map((activity) => (jsxRuntime.jsx("span", { style: {
                                             fontWeight: 500,
-                                            backgroundColor: "rgba(255, 255, 255, 0.15)",
-                                            backdropFilter: "blur(4px)",
-                                            padding: "6px 12px",
-                                            borderRadius: "20px",
-                                            fontSize: "13px",
-                                            color: "white",
+                                            backgroundColor: "rgba(255, 255, 255, 0.1)",
+                                            padding: "4px 10px",
+                                            borderRadius: "16px",
+                                            fontSize: "12px",
+                                            color: "rgba(255,255,255,0.85)",
+                                            border: "1px solid rgba(255,255,255,0.08)",
                                         }, children: activity }, activity))) })), jsxRuntime.jsxs("button", { onClick: handleCtaClick, style: {
                                         width: "100%",
                                         display: "flex",
                                         alignItems: "center",
                                         justifyContent: "center",
                                         cursor: "pointer",
-                                        fontWeight: 700,
-                                        padding: "18px 24px",
-                                        borderRadius: "14px",
+                                        fontWeight: 600,
+                                        padding: "14px 20px",
+                                        borderRadius: "12px",
                                         border: "none",
-                                        color: "white",
-                                        fontSize: "18px",
+                                        color: themeConfig.primaryColor,
+                                        fontSize: "15px",
                                         transition: "all 0.15s ease",
-                                        gap: "10px",
-                                        background: `linear-gradient(135deg, ${themeConfig.secondaryColor} 0%, ${themeConfig.primaryColor} 100%)`,
-                                        boxShadow: `0 8px 24px ${themeConfig.secondaryColor}66, inset 0 1px 0 rgba(255,255,255,0.2)`,
-                                    }, children: [config.ctaText, jsxRuntime.jsx("span", { children: "\u2192" })] }), config.validityText && (jsxRuntime.jsx("p", { style: {
-                                        marginTop: "16px",
-                                        fontSize: "12px",
-                                        color: "rgba(255, 255, 255, 0.6)",
-                                        margin: "16px 0 0 0",
+                                        gap: "8px",
+                                        background: "white",
+                                        boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
+                                    }, children: [config.ctaText, jsxRuntime.jsx("span", { style: { fontSize: "14px" }, children: "\u2192" })] }), config.validityText && (jsxRuntime.jsx("p", { style: {
+                                        fontSize: "11px",
+                                        color: "rgba(255, 255, 255, 0.5)",
+                                        margin: "12px 0 0 0",
                                     }, children: config.validityText }))] })] }) })] }));
     return ReactDOM.createPortal(dialogContent, portalContainer);
 }
@@ -13584,7 +13530,9 @@ const cardBaseStyles = {
     flexDirection: "column",
     padding: "16px",
     backgroundColor: "var(--bw-surface-color)",
-    border: "2px solid var(--bw-border-color)",
+    borderWidth: "2px",
+    borderStyle: "solid",
+    borderColor: "var(--bw-border-color)",
     borderRadius: "var(--bw-border-radius)",
     cursor: "pointer",
     transition: "all 0.2s ease",
@@ -13609,7 +13557,9 @@ const checkboxContainerStyles = {
 const checkboxInnerStyles = {
     width: "24px",
     height: "24px",
-    border: "2px solid var(--bw-border-color)",
+    borderWidth: "2px",
+    borderStyle: "solid",
+    borderColor: "var(--bw-border-color)",
     borderRadius: "6px",
     display: "flex",
     alignItems: "center",
@@ -13735,10 +13685,11 @@ function formatUnavailableReason(reason, t) {
             return t("upsells.reason.notEnoughSpots", { eventTypeName: reason.eventTypeName });
     }
 }
-function UpsellCard({ upsell, isSelected, participantCount, onSelect, }) {
+function UpsellCard({ upsell, isSelected, participantCount, onSelect, roundPricesEnabled = true, }) {
     const t = useTranslations();
     const { locale } = useLocale();
-    const totalPrice = upsell.price * participantCount;
+    const effectivePrice = getEffectiveUpsellPrice(upsell, roundPricesEnabled);
+    const totalPrice = effectivePrice * participantCount;
     const isDisabled = !upsell.available;
     const getCardStyles = () => {
         if (isDisabled)
@@ -13756,12 +13707,19 @@ function UpsellCard({ upsell, isSelected, participantCount, onSelect, }) {
                                         weekday: "short",
                                         day: "numeric",
                                         month: "short",
-                                    })] }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)" }, children: t("upsells.spotsFree", { count: upsell.suggestedEventInstance.availableSpots }) })] }))] }), jsxRuntime.jsxs("div", { style: priceContainerStyles, children: [jsxRuntime.jsxs("span", { style: pricePerPersonStyles, children: [formatCurrency(upsell.price), "/", t("common.perPerson")] }), participantCount > 1 && (jsxRuntime.jsxs("span", { style: priceTotalStyles, children: ["= ", formatCurrency(totalPrice)] }))] }), isDisabled && (jsxRuntime.jsx("div", { style: unavailableOverlayStyles, children: jsxRuntime.jsx("span", { children: upsell.unavailableReason
+                                    })] }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-muted)" }, children: t("upsells.spotsFree", { count: upsell.suggestedEventInstance.availableSpots }) })] }))] }), jsxRuntime.jsxs("div", { style: priceContainerStyles, children: [jsxRuntime.jsxs("span", { style: pricePerPersonStyles, children: [formatCurrency(effectivePrice), "/", t("common.perPerson")] }), participantCount > 1 && (jsxRuntime.jsxs("span", { style: priceTotalStyles, children: ["= ", formatCurrency(totalPrice)] }))] }), isDisabled && (jsxRuntime.jsx("div", { style: unavailableOverlayStyles, children: jsxRuntime.jsx("span", { children: upsell.unavailableReason
                         ? formatUnavailableReason(upsell.unavailableReason, t)
                         : t("upsells.notAvailable") }) }))] }));
 }
 
-function UpsellsStep({ upsells, selectedUpsells, participantCount, isLoading, isOpen, onClose, onSelect, onContinue, onBack, }) {
+function getEffectiveUpsellPrice(upsell, round = true) {
+    const dp = upsell.discountPercent ?? 0;
+    if (dp <= 0)
+        return upsell.price;
+    const raw = Math.round(upsell.price * (100 - dp) / 100);
+    return round ? Math.floor(raw / 100) * 100 : raw;
+}
+function UpsellsStep({ upsells, selectedUpsells, participantCount, isLoading, isOpen, onClose, onSelect, onContinue, onBack, roundPricesEnabled = true, }) {
     const t = useTranslations();
     const selectUpsell = (upsellId) => {
         const exists = selectedUpsells.find((s) => s.upsellPackageId === upsellId);
@@ -13780,7 +13738,7 @@ function UpsellsStep({ upsells, selectedUpsells, participantCount, isLoading, is
         return selectedUpsells.reduce((total, selection) => {
             const upsell = upsells.find((u) => u.id === selection.upsellPackageId);
             if (upsell) {
-                return total + upsell.price * selection.quantity;
+                return total + getEffectiveUpsellPrice(upsell, roundPricesEnabled) * selection.quantity;
             }
             return total;
         }, 0);
@@ -13788,7 +13746,7 @@ function UpsellsStep({ upsells, selectedUpsells, participantCount, isLoading, is
     const selectedTotal = calculateTotal();
     const selectedCount = selectedUpsells.length;
     const footerContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { type: "button", onClick: onBack, style: mergeStyles(buttonStyles.secondary, buttonStyles.fullWidth), children: t("common.back") }), jsxRuntime.jsx("button", { type: "button", onClick: onContinue, style: mergeStyles(buttonStyles.primary, buttonStyles.fullWidth), children: selectedCount === 0 ? t("button.continueWithout") : t("button.continue") })] }));
-    return (jsxRuntime.jsx(Sidebar, { isOpen: isOpen, onClose: onClose, title: t("upsells.title"), footer: footerContent, children: jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%", padding: "16px 16px" }, children: [isLoading && (jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "12px", padding: "40px 20px", ...textStyles.muted }, children: [spinner(), jsxRuntime.jsx("span", { children: t("upsells.loading") })] })), !isLoading && upsells.length === 0 && (jsxRuntime.jsx("div", { style: { textAlign: "center", padding: "40px 20px", ...textStyles.muted }, children: jsxRuntime.jsx("p", { children: t("upsells.noExtras") }) })), !isLoading && upsells.length > 0 && (jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "12px", flex: 1, overflowY: "auto", paddingBottom: "16px" }, children: upsells.map((upsell) => (jsxRuntime.jsx(UpsellCard, { upsell: upsell, isSelected: isSelected(upsell.id), participantCount: participantCount, onSelect: () => selectUpsell(upsell.id) }, upsell.id))) })), selectedCount > 0 && (jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginTop: "16px", paddingBottom: "16px", paddingTop: "16px", borderTop: "1px solid var(--bw-border-color)", fontSize: "14px" }, children: [jsxRuntime.jsx("span", { style: textStyles.muted, children: selectedCount === 1 ? t("upsells.selected", { count: selectedCount }) : t("upsells.selectedPlural", { count: selectedCount }) }), jsxRuntime.jsxs("span", { style: { fontWeight: 600, color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: ["+", formatCurrency(selectedTotal)] })] }))] }) }));
+    return (jsxRuntime.jsx(Sidebar, { isOpen: isOpen, onClose: onClose, title: t("upsells.title"), footer: footerContent, children: jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%", padding: "16px 16px" }, children: [isLoading && (jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "12px", padding: "40px 20px", ...textStyles.muted }, children: [spinner(), jsxRuntime.jsx("span", { children: t("upsells.loading") })] })), !isLoading && upsells.length === 0 && (jsxRuntime.jsx("div", { style: { textAlign: "center", padding: "40px 20px", ...textStyles.muted }, children: jsxRuntime.jsx("p", { children: t("upsells.noExtras") }) })), !isLoading && upsells.length > 0 && (jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "12px", flex: 1, overflowY: "auto", paddingBottom: "16px" }, children: upsells.map((upsell) => (jsxRuntime.jsx(UpsellCard, { upsell: upsell, isSelected: isSelected(upsell.id), participantCount: participantCount, onSelect: () => selectUpsell(upsell.id), roundPricesEnabled: roundPricesEnabled }, upsell.id))) })), selectedCount > 0 && (jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginTop: "16px", paddingBottom: "16px", paddingTop: "16px", borderTop: "1px solid var(--bw-border-color)", fontSize: "14px" }, children: [jsxRuntime.jsx("span", { style: textStyles.muted, children: selectedCount === 1 ? t("upsells.selected", { count: selectedCount }) : t("upsells.selectedPlural", { count: selectedCount }) }), jsxRuntime.jsxs("span", { style: { fontWeight: 600, color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: ["+", formatCurrency(selectedTotal)] })] }))] }) }));
 }
 
 // Main widget component
@@ -14048,6 +14006,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                     connectedAccountId: data.connectedAccountId,
                     mollieProfileId: data.mollieProfileId,
                     mollieTestmode: data.mollieTestmode,
+                    roundPricesEnabled: data.roundPricesEnabled ?? true,
                 });
             }
             if (data.stripePublishableKey) {
@@ -14106,6 +14065,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                     connectedAccountId: data.connectedAccountId,
                     mollieProfileId: data.mollieProfileId,
                     mollieTestmode: data.mollieTestmode,
+                    roundPricesEnabled: data.roundPricesEnabled ?? true,
                 });
                 if (!stripePromise && data.stripePublishableKey) {
                     const stripeOptions = {
@@ -14254,6 +14214,8 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
     const handleBookingSuccess = (result) => {
         setIsSuccess(true);
         setSuccessPaymentIntentId(result.paymentIntent.id);
+        setSidebarOpen(false);
+        setShouldRenderBookingForm(false);
         config.onSuccess?.(result);
     };
     const handleBookingError = (errorMessage) => {
@@ -14510,7 +14472,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
                                     setShouldRenderInstanceSelection(true);
                                 }
                             }, children: config.buttonText ||
-                                (isDirectInstanceMode ? t("button.bookNow") : t("button.selectDate")) }), shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen && currentStep === "eventInstances", onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (jsxRuntime.jsx(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack })), shouldRenderBookingForm && eventDetails && (jsxRuntime.jsx(BookingForm, { config: config, eventDetails: eventDetails, stripePromise: stripePromise, onSuccess: handleBookingSuccess, onError: handleBookingError, onBackToEventInstances: () => setCurrentStep(isDirectInstanceMode ? "eventTypes" : "eventInstances"), onBackToEventTypes: () => setSidebarOpen(false), selectedEventType: selectedEventType, selectedEventInstance: selectedEventInstance, isOpen: currentStep === "booking" && !!eventDetails, onClose: () => setCurrentStep(isDirectInstanceMode ? "eventTypes" : "eventInstances"), systemConfig: systemConfig, selectedUpsells: selectedUpsells, upsells: upsells })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                                (isDirectInstanceMode ? t("button.bookNow") : t("button.selectDate")) }), shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen && currentStep === "eventInstances", onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (jsxRuntime.jsx(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack, roundPricesEnabled: systemConfig?.roundPricesEnabled !== false })), shouldRenderBookingForm && eventDetails && (jsxRuntime.jsx(BookingForm, { config: config, eventDetails: eventDetails, stripePromise: stripePromise, onSuccess: handleBookingSuccess, onError: handleBookingError, onBackToEventInstances: () => setCurrentStep(isDirectInstanceMode ? "eventTypes" : "eventInstances"), onBackToEventTypes: () => setSidebarOpen(false), selectedEventType: selectedEventType, selectedEventInstance: selectedEventInstance, isOpen: currentStep === "booking" && !!eventDetails, onClose: () => setCurrentStep(isDirectInstanceMode ? "eventTypes" : "eventInstances"), systemConfig: systemConfig, selectedUpsells: selectedUpsells, upsells: upsells })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
                                 setIsSuccess(false);
                                 setCurrentStep("eventTypes");
                                 setSidebarOpen(false);
@@ -14557,7 +14519,7 @@ function UniversalBookingWidgetInner({ config: baseConfig, onWidgetLanguage, onT
         };
     };
     const backHandlers = getBackHandlers();
-    return (jsxRuntime.jsxs(StyleProvider, { config: config, children: [jsxRuntime.jsxs("div", { ref: setWidgetContainerRef, children: [cardsView, shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (jsxRuntime.jsx(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack })), shouldRenderBookingForm && eventDetails && (jsxRuntime.jsx(BookingForm, { config: config, eventDetails: eventDetails, stripePromise: stripePromise, onSuccess: handleBookingSuccess, onError: handleBookingError, onBackToEventInstances: backHandlers.onBackToEventInstances, onBackToEventTypes: backHandlers.onBackToEventTypes, selectedEventType: selectedEventType, selectedEventInstance: selectedEventInstance, isOpen: currentStep === "booking" && !!eventDetails, onClose: backHandlers.onClose, systemConfig: systemConfig, selectedUpsells: selectedUpsells, upsells: upsells })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+    return (jsxRuntime.jsxs(StyleProvider, { config: config, children: [jsxRuntime.jsxs("div", { ref: setWidgetContainerRef, children: [cardsView, shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (jsxRuntime.jsx(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack, roundPricesEnabled: systemConfig?.roundPricesEnabled !== false })), shouldRenderBookingForm && eventDetails && (jsxRuntime.jsx(BookingForm, { config: config, eventDetails: eventDetails, stripePromise: stripePromise, onSuccess: handleBookingSuccess, onError: handleBookingError, onBackToEventInstances: backHandlers.onBackToEventInstances, onBackToEventTypes: backHandlers.onBackToEventTypes, selectedEventType: selectedEventType, selectedEventInstance: selectedEventInstance, isOpen: currentStep === "booking" && !!eventDetails, onClose: backHandlers.onClose, systemConfig: systemConfig, selectedUpsells: selectedUpsells, upsells: upsells })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
                             setIsSuccess(false);
                             setCurrentStep("eventTypes");
                             setSuccessPaymentIntentId(null);
@@ -14613,7 +14575,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".booking-widget-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:var(--bw-text-color,#1e293b);direction:ltr;display:block;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;position:relative;text-align:left}.booking-widget-container *,.booking-widget-container :after,.booking-widget-container :before{box-sizing:border-box;margin:0;padding:0}.booking-widget-container input,.booking-widget-container select,.booking-widget-container textarea{font-family:inherit;font-size:inherit;line-height:inherit}.booking-widget-container button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.booking-widget-container a{color:inherit;text-decoration:none}.booking-widget-container img{display:block;height:auto;max-width:100%;vertical-align:middle}.booking-widget-container ol,.booking-widget-container ul{list-style:none}.booking-widget-container h1,.booking-widget-container h2,.booking-widget-container h3,.booking-widget-container h4,.booking-widget-container h5,.booking-widget-container h6{font-size:inherit;font-weight:inherit}#booking-widget-portal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);direction:ltr;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;text-align:left}#booking-widget-portal *,#booking-widget-portal :after,#booking-widget-portal :before{box-sizing:border-box}#booking-widget-portal-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);line-height:1.5}:root{--bw-highlight-color:#00b1aa;--bw-highlight-color-rgb:0,177,170;--bw-background-color:#f8fdfe;--bw-surface-color:#fff;--bw-text-color:#0e7490;--bw-text-muted:rgba(14,116,144,.7);--bw-border-color:#bae6fd;--bw-success-color:#38bdf8;--bw-warning-color:#fbbf24;--bw-error-color:#f43f5e;--bw-border-radius:18px;--bw-border-radius-small:calc(var(--bw-border-radius)*0.8);--bw-spacing:16px;--bw-spacing-large:24px;--bw-font-family:\"Inter\",system-ui,sans-serif;--bw-font-size:14px;--bw-font-size-large:18px;--bw-font-size-small:12px;--bw-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--bw-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--bw-highlight-muted:rgba(0,177,170,.1);--bw-highlight-subtle:rgba(0,177,170,.05);--bw-text-subtle:rgba(14,116,144,.4)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes promo-wave{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(5px) translateY(-3px)}50%{transform:translateX(0) translateY(-5px)}75%{transform:translateX(-5px) translateY(-3px)}}@keyframes promo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes promo-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes promo-sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes promo-snow{0%{opacity:0;transform:translateY(-10px) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(350px) rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{animation:shimmer 2s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fade-in{animation:fade-in .2s ease-out}.animate-slide-in-up{animation:slide-in-up .3s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.skeleton-shimmer{overflow:hidden;position:relative}.skeleton-shimmer:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.sidebar-mobile{border-radius:0!important;max-width:100%!important;width:100%!important}}@media (max-width:600px){.event-type-list{gap:12px!important;padding:8px!important}.event-type-card{flex:1 1 100%!important;max-width:100%!important;padding:0!important}.event-type-img{height:160px!important}.event-type-title{font-size:1.1rem!important}.event-type-desc{font-size:.8rem!important;max-height:100px!important;min-height:100px!important}.event-type-content{padding:16px 24px!important}}.event-type-markdown{overflow:visible!important}.event-type-markdown p{color:var(--bw-text-muted);font-family:var(--bw-font-family);line-height:1.6;margin:0 0 8px}.event-type-markdown p:last-child{margin-bottom:0}.event-type-markdown h2{font-size:18px!important;font-weight:700!important;margin:12px 0 6px!important}.event-type-markdown h2,.event-type-markdown h3{color:var(--bw-text-color)!important;line-height:1.3!important}.event-type-markdown h3{font-size:16px!important;font-weight:600!important;margin:10px 0 4px!important}.event-type-markdown strong{color:var(--bw-text-color);font-weight:600}.event-type-markdown em{font-style:italic}.event-type-markdown u{text-decoration:underline}.event-type-markdown ul{list-style:none!important;margin:6px 0!important;padding:0 0 0 24px!important;position:relative!important}.event-type-markdown ul li{color:var(--bw-text-muted)!important;font-family:var(--bw-font-family)!important;margin-bottom:2px!important;padding-left:0!important;position:relative!important}.event-type-markdown ul li:before{color:var(--bw-text-color)!important;content:\"•\"!important;font-weight:700!important;left:-16px!important;position:absolute!important;top:0!important}.event-type-markdown ol{counter-reset:list-counter!important;list-style:none!important;margin:6px 0!important;padding:0 0 0 24px!important;position:relative!important}.event-type-markdown ol li{color:var(--bw-text-muted)!important;counter-increment:list-counter!important;font-family:var(--bw-font-family)!important;margin-bottom:2px!important;padding-left:0!important;position:relative!important}.event-type-markdown ol li:before{color:var(--bw-text-color)!important;content:counter(list-counter) \".\"!important;font-weight:700!important;left:-20px!important;position:absolute!important;top:0!important}.event-type-markdown blockquote{border-left:2px solid var(--bw-border-color);color:var(--bw-text-muted);font-style:italic;margin:4px 0;padding-left:12px}.event-type-markdown a{color:var(--bw-highlight-color);text-decoration:underline}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--bw-text-color);font-weight:600;margin-bottom:.5em}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.25em}.markdown-content h3{font-size:1.1em}.markdown-content p{line-height:1.6;margin-bottom:1em}.markdown-content ol,.markdown-content ul{margin-bottom:1em;padding-left:1.5em}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin-bottom:.25em}.markdown-content a{color:var(--bw-highlight-color);text-decoration:underline}.markdown-content a:hover{opacity:.8}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content code{background:var(--bw-highlight-subtle);border-radius:4px;font-family:monospace;font-size:.9em;padding:.125em .25em}.markdown-content blockquote{border-left:3px solid var(--bw-highlight-color);color:var(--bw-text-muted);margin:1em 0;padding-left:1em}.print-only{display:none}.print-hidden{display:block}@media print{.print-only{display:block}.print-hidden{display:none!important}.print-booking-header{border-bottom:2px solid #000;display:block;margin-bottom:24px;padding-bottom:16px;text-align:center}.print-booking-header h1{font-size:24px;margin:0 0 8px}.print-booking-header .subtitle{color:#666;font-size:14px}.print-booking-card{border:1px solid #ccc;border-radius:8px;margin-bottom:16px;padding:16px;page-break-inside:avoid}.print-section-title{border-bottom:1px solid #ddd;display:block;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.print-detail-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.print-detail-item{margin-bottom:8px}.print-detail-label{color:#666;font-size:12px;margin-bottom:4px}.print-detail-value{font-size:14px;font-weight:600}.print-status-badge{border-radius:9999px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.print-status-paid{background-color:#dcfce7;color:#166534;display:inline-block}.print-participant{align-items:center;background-color:#f9fafb;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.print-participant-name{font-weight:600}.print-participant-age{color:#666;font-size:12px}.print-payment-summary{display:block}.print-payment-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:4px 0}.print-payment-row:last-child{border-bottom:none;font-weight:600}.print-footer{border-top:1px solid #ddd;color:#666;display:block;font-size:12px;margin-top:24px;padding-top:16px;text-align:center}.print-footer p{margin:4px 0}}";
+var css_248z = ".booking-widget-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:var(--bw-text-color,#1e293b);direction:ltr;display:block;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;position:relative;text-align:left}.booking-widget-container *,.booking-widget-container :after,.booking-widget-container :before{box-sizing:border-box;margin:0;padding:0}.booking-widget-container input,.booking-widget-container select,.booking-widget-container textarea{font-family:inherit;font-size:inherit;line-height:inherit}.booking-widget-container button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.booking-widget-container a{color:inherit;text-decoration:none}.booking-widget-container img{display:block;height:auto;max-width:100%;vertical-align:middle}.booking-widget-container ol,.booking-widget-container ul{list-style:none}.booking-widget-container h1,.booking-widget-container h2,.booking-widget-container h3,.booking-widget-container h4,.booking-widget-container h5,.booking-widget-container h6{font-size:inherit;font-weight:inherit}#booking-widget-portal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);direction:ltr;font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);isolation:isolate;line-height:1.5;text-align:left}#booking-widget-portal *,#booking-widget-portal :after,#booking-widget-portal :before{box-sizing:border-box}#booking-widget-portal-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--bw-text-color,#1e293b);font-family:var(--bw-font-family,system-ui,-apple-system,sans-serif);font-size:var(--bw-font-size,14px);line-height:1.5}:root{--bw-highlight-color:#00b1aa;--bw-highlight-color-rgb:0,177,170;--bw-background-color:#f8fdfe;--bw-surface-color:#fff;--bw-text-color:#0e7490;--bw-text-muted:rgba(14,116,144,.7);--bw-border-color:#bae6fd;--bw-success-color:#38bdf8;--bw-warning-color:#fbbf24;--bw-error-color:#f43f5e;--bw-border-radius:18px;--bw-border-radius-small:calc(var(--bw-border-radius)*0.8);--bw-spacing:16px;--bw-spacing-large:24px;--bw-font-family:\"Inter\",system-ui,sans-serif;--bw-font-size:14px;--bw-font-size-large:18px;--bw-font-size-small:12px;--bw-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--bw-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--bw-highlight-muted:rgba(0,177,170,.1);--bw-highlight-subtle:rgba(0,177,170,.05);--bw-text-subtle:rgba(14,116,144,.4)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{animation:shimmer 2s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fade-in{animation:fade-in .2s ease-out}.animate-slide-in-up{animation:slide-in-up .3s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.skeleton-shimmer{overflow:hidden;position:relative}.skeleton-shimmer:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.sidebar-mobile{border-radius:0!important;max-width:100%!important;width:100%!important}}@media (max-width:600px){.event-type-list{gap:12px!important;padding:8px!important}.event-type-card{flex:1 1 100%!important;max-width:100%!important;padding:0!important}.event-type-img{height:160px!important}.event-type-title{font-size:1.1rem!important}.event-type-desc{font-size:.8rem!important;max-height:100px!important;min-height:100px!important}.event-type-content{padding:16px 24px!important}}.event-type-markdown{overflow:visible!important}.event-type-markdown p{color:var(--bw-text-muted);font-family:var(--bw-font-family);line-height:1.6;margin:0 0 8px}.event-type-markdown p:last-child{margin-bottom:0}.event-type-markdown h2{font-size:18px!important;font-weight:700!important;margin:12px 0 6px!important}.event-type-markdown h2,.event-type-markdown h3{color:var(--bw-text-color)!important;line-height:1.3!important}.event-type-markdown h3{font-size:16px!important;font-weight:600!important;margin:10px 0 4px!important}.event-type-markdown strong{color:var(--bw-text-color);font-weight:600}.event-type-markdown em{font-style:italic}.event-type-markdown u{text-decoration:underline}.event-type-markdown ul{list-style:none!important;margin:6px 0!important;padding:0 0 0 24px!important;position:relative!important}.event-type-markdown ul li{color:var(--bw-text-muted)!important;font-family:var(--bw-font-family)!important;margin-bottom:2px!important;padding-left:0!important;position:relative!important}.event-type-markdown ul li:before{color:var(--bw-text-color)!important;content:\"•\"!important;font-weight:700!important;left:-16px!important;position:absolute!important;top:0!important}.event-type-markdown ol{counter-reset:list-counter!important;list-style:none!important;margin:6px 0!important;padding:0 0 0 24px!important;position:relative!important}.event-type-markdown ol li{color:var(--bw-text-muted)!important;counter-increment:list-counter!important;font-family:var(--bw-font-family)!important;margin-bottom:2px!important;padding-left:0!important;position:relative!important}.event-type-markdown ol li:before{color:var(--bw-text-color)!important;content:counter(list-counter) \".\"!important;font-weight:700!important;left:-20px!important;position:absolute!important;top:0!important}.event-type-markdown blockquote{border-left:2px solid var(--bw-border-color);color:var(--bw-text-muted);font-style:italic;margin:4px 0;padding-left:12px}.event-type-markdown a{color:var(--bw-highlight-color);text-decoration:underline}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--bw-text-color);font-weight:600;margin-bottom:.5em}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.25em}.markdown-content h3{font-size:1.1em}.markdown-content p{line-height:1.6;margin-bottom:1em}.markdown-content ol,.markdown-content ul{margin-bottom:1em;padding-left:1.5em}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin-bottom:.25em}.markdown-content a{color:var(--bw-highlight-color);text-decoration:underline}.markdown-content a:hover{opacity:.8}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content code{background:var(--bw-highlight-subtle);border-radius:4px;font-family:monospace;font-size:.9em;padding:.125em .25em}.markdown-content blockquote{border-left:3px solid var(--bw-highlight-color);color:var(--bw-text-muted);margin:1em 0;padding-left:1em}.print-only{display:none}.print-hidden{display:block}@media print{.print-only{display:block}.print-hidden{display:none!important}.print-booking-header{border-bottom:2px solid #000;display:block;margin-bottom:24px;padding-bottom:16px;text-align:center}.print-booking-header h1{font-size:24px;margin:0 0 8px}.print-booking-header .subtitle{color:#666;font-size:14px}.print-booking-card{border:1px solid #ccc;border-radius:8px;margin-bottom:16px;padding:16px;page-break-inside:avoid}.print-section-title{border-bottom:1px solid #ddd;display:block;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.print-detail-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.print-detail-item{margin-bottom:8px}.print-detail-label{color:#666;font-size:12px;margin-bottom:4px}.print-detail-value{font-size:14px;font-weight:600}.print-status-badge{border-radius:9999px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.print-status-paid{background-color:#dcfce7;color:#166534;display:inline-block}.print-participant{align-items:center;background-color:#f9fafb;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.print-participant-name{font-weight:600}.print-participant-age{color:#666;font-size:12px}.print-payment-summary{display:block}.print-payment-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:4px 0}.print-payment-row:last-child{border-bottom:none;font-weight:600}.print-footer{border-top:1px solid #ddd;color:#666;display:block;font-size:12px;margin-top:24px;padding-top:16px;text-align:center}.print-footer p{margin:4px 0}}";
 styleInject(css_248z);
 
 // Export init function for vanilla JS usage