@bigz-app/booking-widget 1.1.4 → 1.1.6

package/dist/booking-widget.js

@@ -392,6 +392,7 @@
       "success.age": "{{age}} Jahre",
       "success.paymentSummary": "Zahlungsübersicht",
       "success.total": "Gesamtbetrag",
+      "success.discount": "Rabatt",
       "success.product": "Produkt",
       "success.contactInfo": "Kontaktdaten",
       "success.name": "Name:",
@@ -600,6 +601,7 @@
       "success.age": "{{age}} years",
       "success.paymentSummary": "Payment Summary",
       "success.total": "Total",
+      "success.discount": "Discount",
       "success.product": "Product",
       "success.contactInfo": "Contact Information",
       "success.name": "Name:",
@@ -808,6 +810,7 @@
       "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:",
@@ -1016,6 +1019,7 @@
       "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:",
@@ -1224,6 +1228,7 @@
       "success.age": "{{age}} år",
       "success.paymentSummary": "Betalningssammanfattning",
       "success.total": "Totalt",
+      "success.discount": "Rabatt",
       "success.product": "Produkt",
       "success.contactInfo": "Kontaktuppgifter",
       "success.name": "Namn:",
@@ -1350,7 +1355,7 @@
   const I18nContext = R$2(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] = d$1(() => {
           if (configLocale)
               return null;
@@ -11127,6 +11132,13 @@
       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;
@@ -11137,6 +11149,7 @@
       const t$1 = useTranslations();
       const { locale } = useLocale();
       const timezone = useTimezone();
+      const roundEnabled = systemConfig?.roundPricesEnabled !== false;
       const [appliedVouchers, setAppliedVouchers] = d$1([]);
       const paymentSectionRef = A$2(null);
       // Payment option: "deposit" or "full" - only relevant when deposit is available
@@ -11207,7 +11220,7 @@
                   participantUpsellIds.forEach(upsellId => {
                       const upsell = upsells.find(u => u.id === upsellId);
                       if (upsell) {
-                          total += upsell.price;
+                          total += getEffectivePrice(upsell, roundEnabled);
                       }
                   });
               }
@@ -11483,7 +11496,7 @@
                                                                           padding: 0,
                                                                       }, children: "\u00D7" })] }))] }), upsells.length > 0 && (u$2("div", { style: participantUpsellStyles.container, children: upsells.map((upsell) => {
                                                           const isSelected = (participantUpsells[index] || []).includes(upsell.id);
-                                                          return (u$2("label", { htmlFor: `upsell-${index}-${upsell.id}`, style: isSelected ? participantUpsellStyles.labelSelected : participantUpsellStyles.label, children: [u$2("input", { id: `upsell-${index}-${upsell.id}`, type: "checkbox", style: participantUpsellStyles.checkbox, checked: isSelected, onChange: () => toggleParticipantUpsell(index, upsell.id) }), u$2("span", { style: { fontWeight: 500 }, children: upsell.name }), u$2("span", { style: { fontSize: "12px", opacity: 0.8 }, children: ["(+", formatCurrency(upsell.price), ")"] })] }, upsell.id));
+                                                          return (u$2("label", { htmlFor: `upsell-${index}-${upsell.id}`, style: isSelected ? participantUpsellStyles.labelSelected : participantUpsellStyles.label, children: [u$2("input", { id: `upsell-${index}-${upsell.id}`, type: "checkbox", style: participantUpsellStyles.checkbox, checked: isSelected, onChange: () => toggleParticipantUpsell(index, upsell.id) }), u$2("span", { style: { fontWeight: 500 }, children: upsell.name }), u$2("span", { style: { fontSize: "12px", opacity: 0.8 }, children: ["(+", formatCurrency(getEffectivePrice(upsell, roundEnabled)), ")"] })] }, upsell.id));
                                                       }) }))] }, index))), watchedParticipants.length < eventDetails.availableSpots ? (u$2("div", { style: {
                                                   display: "flex",
                                                   flexDirection: "column",
@@ -11515,7 +11528,7 @@
                                                               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 (u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "13px" }, children: [u$2("span", { style: { color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: ["+ ", upsell.name, " (", countWithUpsell, "\u00D7)"] }), u$2("span", { style: { color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(upsellLineTotal) })] }, upsell.id));
                                                           })] })), appliedVouchers.length > 0 && (u$2(k$3, { children: [u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("span", { style: { color: "var(--bw-text-muted)", fontFamily: "var(--bw-font-family)" }, children: t$1("summary.subtotal") }), u$2("span", { style: {
                                                                           fontFamily: "var(--bw-font-family)",
@@ -11640,7 +11653,7 @@
                                                       : t$1("payment.fillRequired");
                                                   return (u$2("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",
@@ -11809,6 +11822,7 @@
                           payments: data.payments,
                           orderItems: data.orderItems,
                           purchases: data.purchases || [],
+                          discount: data.discount || null,
                           stripePaymentIntent: data.stripePaymentIntent,
                       });
                       setEventDetails({
@@ -12058,7 +12072,7 @@
                                               color: "var(--bw-text-color)",
                                               margin: "0",
                                               fontFamily: "var(--bw-font-family)",
-                                          }, children: t("success.paymentSummary") }) }), u$2("div", { className: "print-only", children: u$2("div", { className: "print-section-title", children: t("success.paymentSummary") }) }), u$2("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [u$2("div", { className: "print-hidden", style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: [u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("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), ")"] }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(eventDetails.price * booking.participantCount) })] }), bookingData.purchases && bookingData.purchases.length > 0 && (u$2(k$3, { children: bookingData.purchases.map((purchase) => (u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("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), ")"] }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(purchase.totalPrice) })] }, purchase.id))) })), u$2("div", { style: {
+                                          }, children: t("success.paymentSummary") }) }), u$2("div", { className: "print-only", children: u$2("div", { className: "print-section-title", children: t("success.paymentSummary") }) }), u$2("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [u$2("div", { className: "print-hidden", style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: [u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("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), ")"] }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(eventDetails.price * booking.participantCount) })] }), bookingData.discount && bookingData.discount.amount > 0 && (u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("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, ")"] }), u$2("span", { style: { color: "var(--bw-success-color, #10B981)", fontFamily: "var(--bw-font-family)" }, children: ["-", formatCurrency(bookingData.discount.amount)] })] })), bookingData.purchases && bookingData.purchases.length > 0 && (u$2(k$3, { children: bookingData.purchases.map((purchase) => (u$2("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [u$2("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), ")"] }), u$2("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formatCurrency(purchase.totalPrice) })] }, purchase.id))) })), u$2("div", { style: {
                                                           display: "flex",
                                                           justifyContent: "space-between",
                                                           alignItems: "center",
@@ -13390,52 +13404,24 @@
                   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,
-                  },
               };
       }
   };
@@ -13493,192 +13479,152 @@
                       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,
                   } }), u$2("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: u$2("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) => (u$2("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))), u$2("div", { style: {
+                      }, children: [themeConfig.backgroundImage && (u$2("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 && (u$2("img", { src: themeConfig.backgroundImage, alt: "Background", style: {
+                              }, children: [u$2("img", { src: themeConfig.backgroundImage, alt: "", style: {
                                           position: "absolute",
                                           inset: 0,
                                           width: "100%",
                                           height: "100%",
                                           objectFit: "cover",
-                                          opacity: 0.6,
-                                      } })), u$2("div", { style: {
+                                          opacity: 0.5,
+                                      } }), u$2("div", { style: {
                                           position: "absolute",
                                           inset: 0,
-                                          background: `linear-gradient(180deg, ${themeConfig.primaryColor}4d 0%, ${themeConfig.primaryColor}e6 100%)`,
-                                      } }), u$2("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) => (u$2("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)))] }), u$2("button", { onClick: handleClose, style: {
+                                          background: `linear-gradient(180deg, ${themeConfig.primaryColor}33 0%, ${themeConfig.primaryColor}ee 100%)`,
+                                      } })] })), u$2("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" }), u$2("div", { style: {
                                   position: "relative",
                                   textAlign: "center",
                                   zIndex: 2,
-                                  padding: "28px 28px 32px 28px",
+                                  padding: "20px 24px 24px",
                               }, children: [u$2("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 }), u$2("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 && (u$2(k$3, { children: [u$2("br", {}), u$2("strong", { style: { color: themeConfig.secondaryColor }, children: [config.discountAmount, " ", t("promo.discount")] })] }))] }), config.discountCode && (u$2("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 && (u$2(k$3, { children: [" - ", u$2("strong", { style: { color: "white" }, children: [config.discountAmount, " ", t("promo.discount")] })] }))] }), config.discountCode && (u$2("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: [u$2("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") }), u$2("div", { style: {
                                                   display: "flex",
                                                   alignItems: "center",
                                                   justifyContent: "center",
-                                                  gap: "12px",
-                                              }, children: [u$2("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: u$2("span", { style: {
-                                                              fontWeight: 900,
-                                                              fontSize: "28px",
-                                                              color: "white",
-                                                              letterSpacing: "6px",
-                                                              filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.2))",
-                                                          }, children: discountCode }) }), u$2("button", { onClick: handleCopyCode, style: {
+                                                  gap: "10px",
+                                              }, children: [u$2("span", { style: {
+                                                          fontWeight: 800,
+                                                          fontSize: "22px",
+                                                          color: "white",
+                                                          letterSpacing: "4px",
+                                                          fontFamily: "monospace, monospace",
+                                                      }, children: discountCode }), u$2("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 ? (u$2(k$3, { children: ["\u2713 ", t("promo.copied")] })) : (u$2(k$3, { children: [u$2("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: [u$2("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), u$2("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 && (u$2("div", { style: {
+                                                          gap: "4px",
+                                                      }, children: copied ? (u$2(k$3, { children: ["\u2713 ", t("promo.copied")] })) : (u$2(k$3, { children: [u$2("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: [u$2("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), u$2("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 && (u$2("div", { style: {
                                           display: "flex",
                                           justifyContent: "center",
-                                          gap: "8px",
-                                          marginBottom: "20px",
+                                          gap: "6px",
+                                          marginBottom: "16px",
                                           flexWrap: "wrap",
                                       }, children: config.activities.map((activity) => (u$2("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))) })), u$2("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, u$2("span", { children: "\u2192" })] }), config.validityText && (u$2("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, u$2("span", { style: { fontSize: "14px" }, children: "\u2192" })] }), config.validityText && (u$2("p", { style: {
+                                          fontSize: "11px",
+                                          color: "rgba(255, 255, 255, 0.5)",
+                                          margin: "12px 0 0 0",
                                       }, children: config.validityText }))] })] }) })] }));
       return $$1(dialogContent, portalContainer);
   }
@@ -13690,7 +13636,9 @@
       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",
@@ -13715,7 +13663,9 @@
   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",
@@ -13841,10 +13791,11 @@
               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)
@@ -13862,12 +13813,19 @@
                                           weekday: "short",
                                           day: "numeric",
                                           month: "short",
-                                      })] }), u$2("span", { style: { color: "var(--bw-text-muted)" }, children: t("upsells.spotsFree", { count: upsell.suggestedEventInstance.availableSpots }) })] }))] }), u$2("div", { style: priceContainerStyles, children: [u$2("span", { style: pricePerPersonStyles, children: [formatCurrency(upsell.price), "/", t("common.perPerson")] }), participantCount > 1 && (u$2("span", { style: priceTotalStyles, children: ["= ", formatCurrency(totalPrice)] }))] }), isDisabled && (u$2("div", { style: unavailableOverlayStyles, children: u$2("span", { children: upsell.unavailableReason
+                                      })] }), u$2("span", { style: { color: "var(--bw-text-muted)" }, children: t("upsells.spotsFree", { count: upsell.suggestedEventInstance.availableSpots }) })] }))] }), u$2("div", { style: priceContainerStyles, children: [u$2("span", { style: pricePerPersonStyles, children: [formatCurrency(effectivePrice), "/", t("common.perPerson")] }), participantCount > 1 && (u$2("span", { style: priceTotalStyles, children: ["= ", formatCurrency(totalPrice)] }))] }), isDisabled && (u$2("div", { style: unavailableOverlayStyles, children: u$2("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);
@@ -13886,7 +13844,7 @@
           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);
@@ -13894,7 +13852,7 @@
       const selectedTotal = calculateTotal();
       const selectedCount = selectedUpsells.length;
       const footerContent = (u$2(k$3, { children: [u$2("button", { type: "button", onClick: onBack, style: mergeStyles(buttonStyles.secondary, buttonStyles.fullWidth), children: t("common.back") }), u$2("button", { type: "button", onClick: onContinue, style: mergeStyles(buttonStyles.primary, buttonStyles.fullWidth), children: selectedCount === 0 ? t("button.continueWithout") : t("button.continue") })] }));
-      return (u$2(Sidebar, { isOpen: isOpen, onClose: onClose, title: t("upsells.title"), footer: footerContent, children: u$2("div", { style: { display: "flex", flexDirection: "column", height: "100%", padding: "16px 16px" }, children: [isLoading && (u$2("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "12px", padding: "40px 20px", ...textStyles.muted }, children: [spinner(), u$2("span", { children: t("upsells.loading") })] })), !isLoading && upsells.length === 0 && (u$2("div", { style: { textAlign: "center", padding: "40px 20px", ...textStyles.muted }, children: u$2("p", { children: t("upsells.noExtras") }) })), !isLoading && upsells.length > 0 && (u$2("div", { style: { display: "flex", flexDirection: "column", gap: "12px", flex: 1, overflowY: "auto", paddingBottom: "16px" }, children: upsells.map((upsell) => (u$2(UpsellCard, { upsell: upsell, isSelected: isSelected(upsell.id), participantCount: participantCount, onSelect: () => selectUpsell(upsell.id) }, upsell.id))) })), selectedCount > 0 && (u$2("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: [u$2("span", { style: textStyles.muted, children: selectedCount === 1 ? t("upsells.selected", { count: selectedCount }) : t("upsells.selectedPlural", { count: selectedCount }) }), u$2("span", { style: { fontWeight: 600, color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: ["+", formatCurrency(selectedTotal)] })] }))] }) }));
+      return (u$2(Sidebar, { isOpen: isOpen, onClose: onClose, title: t("upsells.title"), footer: footerContent, children: u$2("div", { style: { display: "flex", flexDirection: "column", height: "100%", padding: "16px 16px" }, children: [isLoading && (u$2("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "12px", padding: "40px 20px", ...textStyles.muted }, children: [spinner(), u$2("span", { children: t("upsells.loading") })] })), !isLoading && upsells.length === 0 && (u$2("div", { style: { textAlign: "center", padding: "40px 20px", ...textStyles.muted }, children: u$2("p", { children: t("upsells.noExtras") }) })), !isLoading && upsells.length > 0 && (u$2("div", { style: { display: "flex", flexDirection: "column", gap: "12px", flex: 1, overflowY: "auto", paddingBottom: "16px" }, children: upsells.map((upsell) => (u$2(UpsellCard, { upsell: upsell, isSelected: isSelected(upsell.id), participantCount: participantCount, onSelect: () => selectUpsell(upsell.id), roundPricesEnabled: roundPricesEnabled }, upsell.id))) })), selectedCount > 0 && (u$2("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: [u$2("span", { style: textStyles.muted, children: selectedCount === 1 ? t("upsells.selected", { count: selectedCount }) : t("upsells.selectedPlural", { count: selectedCount }) }), u$2("span", { style: { fontWeight: 600, color: "var(--bw-highlight-color)", fontFamily: "var(--bw-font-family)" }, children: ["+", formatCurrency(selectedTotal)] })] }))] }) }));
   }
 
   // Main widget component
@@ -14154,6 +14112,7 @@
                       connectedAccountId: data.connectedAccountId,
                       mollieProfileId: data.mollieProfileId,
                       mollieTestmode: data.mollieTestmode,
+                      roundPricesEnabled: data.roundPricesEnabled ?? true,
                   });
               }
               if (data.stripePublishableKey) {
@@ -14212,6 +14171,7 @@
                       connectedAccountId: data.connectedAccountId,
                       mollieProfileId: data.mollieProfileId,
                       mollieTestmode: data.mollieTestmode,
+                      roundPricesEnabled: data.roundPricesEnabled ?? true,
                   });
                   if (!stripePromise && data.stripePublishableKey) {
                       const stripeOptions = {
@@ -14360,6 +14320,8 @@
       const handleBookingSuccess = (result) => {
           setIsSuccess(true);
           setSuccessPaymentIntentId(result.paymentIntent.id);
+          setSidebarOpen(false);
+          setShouldRenderBookingForm(false);
           config.onSuccess?.(result);
       };
       const handleBookingError = (errorMessage) => {
@@ -14616,7 +14578,7 @@
                                       setShouldRenderInstanceSelection(true);
                                   }
                               }, children: config.buttonText ||
-                                  (isDirectInstanceMode ? t("button.bookNow") : t("button.selectDate")) }), shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen && currentStep === "eventInstances", onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (u$2(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack })), shouldRenderBookingForm && eventDetails && (u$2(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 })), u$2(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                                  (isDirectInstanceMode ? t("button.bookNow") : t("button.selectDate")) }), shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen && currentStep === "eventInstances", onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (u$2(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 && (u$2(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 })), u$2(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
                                   setIsSuccess(false);
                                   setCurrentStep("eventTypes");
                                   setSidebarOpen(false);
@@ -14663,7 +14625,7 @@
           };
       };
       const backHandlers = getBackHandlers();
-      return (u$2(StyleProvider, { config: config, children: [u$2("div", { ref: setWidgetContainerRef, children: [cardsView, shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (u$2(UpsellsStep, { upsells: upsells, selectedUpsells: selectedUpsells, participantCount: tempParticipantCount, isLoading: isLoadingUpsells, isOpen: currentStep === "upsells", onClose: () => setCurrentStep("eventInstances"), onSelect: handleUpsellsSelect, onContinue: handleUpsellsContinue, onBack: handleUpsellsBack })), shouldRenderBookingForm && eventDetails && (u$2(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 })), u$2(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+      return (u$2(StyleProvider, { config: config, children: [u$2("div", { ref: setWidgetContainerRef, children: [cardsView, shouldRenderInstanceSelection && (u$2(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), shouldRenderUpsells && (u$2(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 && (u$2(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 })), u$2(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
                               setIsSuccess(false);
                               setCurrentStep("eventTypes");
                               setSuccessPaymentIntentId(null);
@@ -14724,7 +14686,7 @@
     }
   }
 
-  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 with Preact