@bigz-app/booking-widget 0.1.24 → 0.1.25

package/dist/index.cjs

@@ -6689,15 +6689,8 @@ ZodNullable.create;
 
 function n(){return n=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);}return e},n.apply(this,arguments)}const r=["children","options"],o=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((e,n)=>(e[n.toLowerCase()]=n,e),{class:"className",for:"htmlFor"}),a={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},c=["style","script","pre"],i=["src","href","data","formAction","srcDoc","action"],u=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,l=/mailto:/i,s=/\n{2,}$/,f=/^(\s*>[\s\S]*?)(?=\n\n|$)/,_=/^ *> ?/gm,d=/^(?:\[!([^\]]*)\]\n)?([\s\S]*)/,p=/^ {2,}\n/,y=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,h=/^(?: {1,3})?(`{3,}|~{3,}) *(\S+)? *([^\n]*?)?\n([\s\S]*?)(?:\1\n?|$)/,g=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,m=/^(`+)((?:\\`|(?!\1)`|[^`])+)\1/,k=/^(?:\n *)*\n/,x=/\r\n?/g,v=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,q=/^\[\^([^\]]+)]/,b=/\f/g,S=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,$=/^\s*?\[(x|\s)\]/,z=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,E=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,A=/^([^\n]+)\n *(=|-){3,} *\n/,R=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?((?:[^>]*[^/])?)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,B=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,L=/^<!--[\s\S]*?(?:-->)/,O=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,j=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,C=/^\{.*\}$/,I=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,T=/^<([^ >]+@[^ >]+)>/,M=/^<([^ >]+:\/[^ >]+)>/,w=/-([a-z])?/gi,D=/^(\|.*)\n(?: *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*))?\n?/,F=/^[^\n]+(?:  \n|\n{2,})/,P=/^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/,Z=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,N=/^\[([^\]]*)\] ?\[([^\]]*)\]/,G=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,U=/\t/g,V=/(^ *\||\| *$)/g,H=/^ *:-+: *$/,Q=/^ *:-+ *$/,W=/^ *-+: *$/,J="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|\\\\\\1|[\\s\\S])+?)",K=RegExp(`^([*_])\\1${J}\\1\\1(?!\\1)`),X=RegExp(`^([*_])${J}\\1(?!\\1)`),Y=RegExp(`^(==)${J}\\1`),ee=RegExp(`^(~~)${J}\\1`),ne=/^(:[a-zA-Z0-9-_]+:)/,re=/^\\([^0-9A-Za-z\s])/,te=/\\([^0-9A-Za-z\s])/g,oe=/^[\s\S](?:(?!  \n|[0-9]\.|http)[^=*_~\-\n:<`\\\[!])*/,ae=/^\n+/,ce=/^([ \t]*)/,ie=/(?:^|\n)( *)$/,ue="(?:\\d+\\.)",le="(?:[*+-])";function se(e){return "( *)("+(1===e?ue:le)+") +"}const fe=se(1),_e=se(2);function de(e){return RegExp("^"+(1===e?fe:_e))}const pe=de(1),ye=de(2);function he(e){return RegExp("^"+(1===e?fe:_e)+"[^\\n]*(?:\\n(?!\\1"+(1===e?ue:le)+" )[^\\n]*)*(\\n|$)","gm")}const ge=he(1),me=he(2);function ke(e){const n=1===e?ue:le;return RegExp("^( *)("+n+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+n+" (?!"+n+" ))\\n*|\\s*\\n*$)")}const xe=ke(1),ve=ke(2);function qe(e,n){const r=1===n,t=r?xe:ve,o=r?ge:me,a=r?pe:ye;return {t:e=>a.test(e),o:je(function(e,n){const r=ie.exec(n.prevCapture);return r&&(n.list||!n.inline&&!n.simple)?t.exec(e=r[1]+e):null}),i:1,u(e,n,t){const c=r?+e[2]:void 0,i=e[0].replace(s,"\n").match(o);let u=false;return {items:i.map(function(e,r){const o=a.exec(e)[0].length,c=RegExp("^ {1,"+o+"}","gm"),l=e.replace(c,"").replace(a,""),s=r===i.length-1,f=-1!==l.indexOf("\n\n")||s&&u;u=f;const _=t.inline,d=t.list;let p;t.list=true,f?(t.inline=false,p=$e(l)+"\n\n"):(t.inline=true,p=$e(l));const y=n(p,t);return t.inline=_,t.list=d,y}),ordered:r,start:c}},l:(n,r,t)=>e(n.ordered?"ol":"ul",{key:t.key,start:"20"===n.type?n.start:void 0},n.items.map(function(n,o){return e("li",{key:o},r(n,t))}))}}const be=RegExp("^\\[((?:\\[[^\\[\\]]*(?:\\[[^\\[\\]]*\\][^\\[\\]]*)*\\]|[^\\[\\]])*)\\]\\(\\s*<?((?:\\([^)]*\\)|[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)"),Se=/^!\[(.*?)\]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/;function $e(e){let n=e.length;for(;n>0&&e[n-1]<=" ";)n--;return e.slice(0,n)}function ze(e,n){return e.startsWith(n)}function Ee(e,n,r){if(Array.isArray(r)){for(let n=0;n<r.length;n++)if(ze(e,r[n]))return  true;return  false}return r(e,n)}function Ae(e){return e.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function Re(e){return W.test(e)?"right":H.test(e)?"center":Q.test(e)?"left":null}function Be(e,n,r,t){const o=r.inTable;r.inTable=true;let a=[[]],c="";function i(){if(!c)return;const e=a[a.length-1];e.push.apply(e,n(c,r)),c="";}return e.trim().split(/(`[^`]*`|\\\||\|)/).filter(Boolean).forEach((e,n,r)=>{"|"===e.trim()&&(i(),t)?0!==n&&n!==r.length-1&&a.push([]):c+=e;}),i(),r.inTable=o,a}function Le(e,n,r){r.inline=true;const t=e[2]?e[2].replace(V,"").split("|").map(Re):[],o=e[3]?function(e,n,r){return e.trim().split("\n").map(function(e){return Be(e,n,r,true)})}(e[3],n,r):[],a=Be(e[1],n,r,!!o.length);return r.inline=false,o.length?{align:t,cells:o,header:a,type:"25"}:{children:a,type:"21"}}function Oe(e,n){return null==e.align[n]?{}:{textAlign:e.align[n]}}function je(e){return e.inline=1,e}function Ce(e){return je(function(n,r){return r.inline?e.exec(n):null})}function Ie(e){return je(function(n,r){return r.inline||r.simple?e.exec(n):null})}function Te(e){return function(n,r){return r.inline||r.simple?null:e.exec(n)}}function Me(e){return je(function(n){return e.exec(n)})}const we=/(javascript|vbscript|data(?!:image)):/i;function De(e){try{const n=decodeURIComponent(e).replace(/[^A-Za-z0-9/:]/g,"");if(we.test(n))return null}catch(e){return null}return e}function Fe(e){return e?e.replace(te,"$1"):e}function Pe(e,n,r){const t=r.inline||false,o=r.simple||false;r.inline=true,r.simple=true;const a=e(n,r);return r.inline=t,r.simple=o,a}function Ze(e,n,r){const t=r.inline||false,o=r.simple||false;r.inline=false,r.simple=true;const a=e(n,r);return r.inline=t,r.simple=o,a}function Ne(e,n,r){const t=r.inline||false;r.inline=false;const o=e(n,r);return r.inline=t,o}const Ge=(e,n,r)=>({children:Pe(n,e[2],r)});function Ue(){return {}}function Ve(){return null}function He(...e){return e.filter(Boolean).join(" ")}function Qe(e,n,r){let t=e;const o=n.split(".");for(;o.length&&(t=t[o[0]],void 0!==t);)o.shift();return t||r}function We(r="",t={}){t.overrides=t.overrides||{},t.namedCodesToUnicode=t.namedCodesToUnicode?n({},a,t.namedCodesToUnicode):a;const s=t.slugify||Ae,V=t.sanitizer||De,H=t.createElement||React__default__namespace.createElement,Q=[f,h,g,t.enforceAtxHeadings?E:z,A,D,xe,ve],W=[...Q,F,R,L,j];function J(e,r,...o){const a=Qe(t.overrides,e+".props",{});return H(function(e,n){const r=Qe(n,e);return r?"function"==typeof r||"object"==typeof r&&"render"in r?r:Qe(n,e+".component",e):e}(e,t.overrides),n({},r,a,{className:He(null==r?void 0:r.className,a.className)||void 0}),...o)}function te(e){e=e.replace(S,"");let n=false;t.forceInline?n=true:t.forceBlock||(n=false===G.test(e));const r=_e(fe(n?e:$e(e).replace(ae,"")+"\n\n",{inline:n}));for(;"string"==typeof r[r.length-1]&&!r[r.length-1].trim();)r.pop();if(null===t.wrapper)return r;const o=t.wrapper||(n?"span":"div");let a;if(r.length>1||t.forceWrapper)a=r;else {if(1===r.length)return a=r[0],"string"==typeof a?J("span",{key:"outer"},a):a;a=null;}return H(o,{key:"outer"},a)}function ie(e,n){if(!n||!n.trim())return null;const r=n.match(u);return r?r.reduce(function(n,r){const t=r.indexOf("=");if(-1!==t){const a=function(e){return  -1!==e.indexOf("-")&&null===e.match(O)&&(e=e.replace(w,function(e,n){return n.toUpperCase()})),e}(r.slice(0,t)).trim(),c=function(e){const n=e[0];return ('"'===n||"'"===n)&&e.length>=2&&e[e.length-1]===n?e.slice(1,-1):e}(r.slice(t+1).trim()),u=o[a]||a;if("ref"===u)return n;const l=n[u]=function(e,n,r,t){return "style"===n?function(e){const n=[];let r="",t=false,o=false,a="";if(!e)return n;for(let c=0;c<e.length;c++){const i=e[c];if('"'!==i&&"'"!==i||t||(o?i===a&&(o=false,a=""):(o=true,a=i)),"("===i&&r.endsWith("url")?t=true:")"===i&&t&&(t=false),";"!==i||o||t)r+=i;else {const e=r.trim();if(e){const r=e.indexOf(":");if(r>0){const t=e.slice(0,r).trim(),o=e.slice(r+1).trim();n.push([t,o]);}}r="";}}const c=r.trim();if(c){const e=c.indexOf(":");if(e>0){const r=c.slice(0,e).trim(),t=c.slice(e+1).trim();n.push([r,t]);}}return n}(r).reduce(function(n,[r,o]){return n[r.replace(/(-[a-z])/g,e=>e[1].toUpperCase())]=t(o,e,r),n},{}):-1!==i.indexOf(n)?t(Fe(r),e,n):(r.match(C)&&(r=Fe(r.slice(1,r.length-1))),"true"===r||"false"!==r&&r)}(e,a,c,V);"string"==typeof l&&(R.test(l)||j.test(l))&&(n[u]=te(l.trim()));}else "style"!==r&&(n[o[r]||r]=true);return n},{}):null}const ue=[],le={},se={0:{t:[">"],o:Te(f),i:1,u(e,n,r){const[,t,o]=e[0].replace(_,"").match(d);return {alert:t,children:n(o,r)}},l(e,n,r){const t={key:r.key};return e.alert&&(t.className="markdown-alert-"+s(e.alert.toLowerCase(),Ae),e.children.unshift({attrs:{},children:[{type:"27",text:e.alert}],noInnerParse:true,type:"11",tag:"header"})),J("blockquote",t,n(e.children,r))}},1:{o:Me(p),i:1,u:Ue,l:(e,n,r)=>J("br",{key:r.key})},2:{t:e=>{const n=e[0];return "-"===n||"*"===n||"_"===n},o:Te(y),i:1,u:Ue,l:(e,n,r)=>J("hr",{key:r.key})},3:{t:["    "],o:Te(g),i:0,u:e=>({lang:void 0,text:Fe($e(e[0].replace(/^ {4}/gm,"")))}),l:(e,r,t)=>J("pre",{key:t.key},J("code",n({},e.attrs,{className:e.lang?"lang-"+e.lang:""}),e.text))},4:{t:["```","~~~"],o:Te(h),i:0,u:e=>({attrs:ie("code",e[3]||""),lang:e[2]||void 0,text:e[4],type:"3"})},5:{t:["`"],o:Ie(m),i:3,u:e=>({text:Fe(e[2])}),l:(e,n,r)=>J("code",{key:r.key},e.text)},6:{t:["[^"],o:Te(v),i:0,u:e=>(ue.push({footnote:e[2],identifier:e[1]}),{}),l:Ve},7:{t:["[^"],o:Ce(q),i:1,u:e=>({target:"#"+s(e[1],Ae),text:e[1]}),l:(e,n,r)=>J("a",{key:r.key,href:V(e.target,"a","href")},J("sup",{key:r.key},e.text))},8:{t:["[ ]","[x]"],o:Ce($),i:1,u:e=>({completed:"x"===e[1].toLowerCase()}),l:(e,n,r)=>J("input",{checked:e.completed,key:r.key,readOnly:true,type:"checkbox"})},9:{t:["#"],o:Te(t.enforceAtxHeadings?E:z),i:1,u:(e,n,r)=>({children:Pe(n,e[2],r),id:s(e[2],Ae),level:e[1].length}),l:(e,n,r)=>J("h"+e.level,{id:e.id,key:r.key},n(e.children,r))},10:{o:Te(A),i:0,u:(e,n,r)=>({children:Pe(n,e[1],r),level:"="===e[2]?1:2,type:"9"})},11:{t:["<"],o:Me(R),i:1,u(e,n,r){const[,t]=e[3].match(ce),o=RegExp("^"+t,"gm"),a=e[3].replace(o,""),i=(u=a,W.some(e=>e.test(u))?Ne:Pe);var u;const l=e[1].toLowerCase(),s=-1!==c.indexOf(l),f=(s?l:e[1]).trim(),_={attrs:ie(f,e[2]),noInnerParse:s,tag:f};if(r.inAnchor=r.inAnchor||"a"===l,s)_.text=e[3];else {const e=r.inHTML;r.inHTML=true,_.children=i(n,a,r),r.inHTML=e;}return r.inAnchor=false,_},l:(e,r,t)=>J(e.tag,n({key:t.key},e.attrs),e.text||(e.children?r(e.children,t):""))},13:{t:["<"],o:Me(j),i:1,u(e){const n=e[1].trim();return {attrs:ie(n,e[2]||""),tag:n}},l:(e,r,t)=>J(e.tag,n({},e.attrs,{key:t.key}))},12:{t:["\x3c!--"],o:Me(L),i:1,u:()=>({}),l:Ve},14:{t:["!["],o:Ie(Se),i:1,u:e=>({alt:Fe(e[1]),target:Fe(e[2]),title:Fe(e[3])}),l:(e,n,r)=>J("img",{key:r.key,alt:e.alt||void 0,title:e.title||void 0,src:V(e.target,"img","src")})},15:{t:["["],o:Ce(be),i:3,u:(e,n,r)=>({children:Ze(n,e[1],r),target:Fe(e[2]),title:Fe(e[3])}),l:(e,n,r)=>J("a",{key:r.key,href:V(e.target,"a","href"),title:e.title},n(e.children,r))},16:{t:["<"],o:Ce(M),i:0,u:e=>({children:[{text:e[1],type:"27"}],target:e[1],type:"15"})},17:{t:(e,n)=>!n.inAnchor&&!t.disableAutoLink&&(ze(e,"http://")||ze(e,"https://")),o:Ce(I),i:0,u:e=>({children:[{text:e[1],type:"27"}],target:e[1],title:void 0,type:"15"})},18:{t:["<"],o:Ce(T),i:0,u(e){let n=e[1],r=e[1];return l.test(r)||(r="mailto:"+r),{children:[{text:n.replace("mailto:",""),type:"27"}],target:r,type:"15"}}},20:qe(J,1),33:qe(J,2),19:{o:Te(k),i:3,u:Ue,l:()=>"\n"},21:{o:je(function(e,n){if(n.inline||n.simple||n.inHTML&&-1===e.indexOf("\n\n")&&-1===n.prevCapture.indexOf("\n\n"))return null;let r="";e.split("\n").every(e=>(e+="\n",!Q.some(n=>n.test(e))&&(r+=e,!!e.trim())));const t=$e(r);return ""===t?null:[r,,t]}),i:3,u:Ge,l:(e,n,r)=>J("p",{key:r.key},n(e.children,r))},22:{t:["["],o:Ce(P),i:0,u:e=>(le[e[1]]={target:e[2],title:e[4]},{}),l:Ve},23:{t:["!["],o:Ie(Z),i:0,u:e=>({alt:e[1]?Fe(e[1]):void 0,ref:e[2]}),l:(e,n,r)=>le[e.ref]?J("img",{key:r.key,alt:e.alt,src:V(le[e.ref].target,"img","src"),title:le[e.ref].title}):null},24:{t:e=>"["===e[0]&&-1===e.indexOf("]("),o:Ce(N),i:0,u:(e,n,r)=>({children:n(e[1],r),fallbackChildren:e[0],ref:e[2]}),l:(e,n,r)=>le[e.ref]?J("a",{key:r.key,href:V(le[e.ref].target,"a","href"),title:le[e.ref].title},n(e.children,r)):J("span",{key:r.key},e.fallbackChildren)},25:{t:["|"],o:Te(D),i:1,u:Le,l(e,n,r){const t=e;return J("table",{key:r.key},J("thead",null,J("tr",null,t.header.map(function(e,o){return J("th",{key:o,style:Oe(t,o)},n(e,r))}))),J("tbody",null,t.cells.map(function(e,o){return J("tr",{key:o},e.map(function(e,o){return J("td",{key:o,style:Oe(t,o)},n(e,r))}))})))}},27:{o:je(function(e,n){let r;return ze(e,":")&&(r=ne.exec(e)),r||oe.exec(e)}),i:4,u(e){const n=e[0];return {text:-1===n.indexOf("&")?n:n.replace(B,(e,n)=>t.namedCodesToUnicode[n]||e)}},l:e=>e.text},28:{t:["**","__"],o:Ie(K),i:2,u:(e,n,r)=>({children:n(e[2],r)}),l:(e,n,r)=>J("strong",{key:r.key},n(e.children,r))},29:{t:e=>{const n=e[0];return ("*"===n||"_"===n)&&e[1]!==n},o:Ie(X),i:3,u:(e,n,r)=>({children:n(e[2],r)}),l:(e,n,r)=>J("em",{key:r.key},n(e.children,r))},30:{t:["\\"],o:Ie(re),i:1,u:e=>({text:e[1],type:"27"})},31:{t:["=="],o:Ie(Y),i:3,u:Ge,l:(e,n,r)=>J("mark",{key:r.key},n(e.children,r))},32:{t:["~~"],o:Ie(ee),i:3,u:Ge,l:(e,n,r)=>J("del",{key:r.key},n(e.children,r))}};true===t.disableParsingRawHTML&&(delete se[11],delete se[13]);const fe=function(e){var n=Object.keys(e);function r(t,o){var a=[];if(o.prevCapture=o.prevCapture||"",t.trim())for(;t;)for(var c=0;c<n.length;){var i=n[c],u=e[i];if(!u.t||Ee(t,o,u.t)){var l=u.o(t,o);if(l&&l[0]){t=t.substring(l[0].length);var s=u.u(l,r,o);o.prevCapture+=l[0],s.type||(s.type=i),a.push(s);break}c++;}else c++;}return o.prevCapture="",a}return n.sort(function(n,r){return e[n].i-e[r].i||(n<r?-1:1)}),function(e,n){return r(function(e){return e.replace(x,"\n").replace(b,"").replace(U,"    ")}(e),n)}}(se),_e=(de=function(e,n){return function(r,t,o){const a=e[r.type].l;return n?n(()=>a(r,t,o),r,t,o):a(r,t,o)}}(se,t.renderRule),function e(n,r={}){if(Array.isArray(n)){const t=r.key,o=[];let a=false;for(let t=0;t<n.length;t++){r.key=t;const c=e(n[t],r),i="string"==typeof c;i&&a?o[o.length-1]+=c:null!==c&&o.push(c),a=i;}return r.key=t,o}return de(n,e,r)});var de;const pe=te(r);return ue.length?J("div",null,pe,J("footer",{key:"footer"},ue.map(function(e){return J("div",{id:s(e.identifier,Ae),key:e.identifier},e.identifier,_e(fe(e.footnote,{inline:true})))}))):pe}var Markdown = n=>{let{children:t="",options:o}=n,a=function(e,n){if(null==e)return {};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)n.indexOf(r=a[t])>=0||(o[r]=e[r]);return o}(n,r);return React__default__namespace.cloneElement(We(t,o),a)};
 
-// Helper function to preprocess markdown for underline support
-const preprocessMarkdown$1 = (markdown) => {
-    // Convert double underscores to HTML underline tags for React Markdown
-    return markdown.replace(/__([^_]+)__/g, "<u>$1</u>");
-};
-const IconCheck$1 = ({ size = 16, color = "#10b981" }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }));
-const IconWave$1 = ({ size = 20, color = "#0ea5e9" }) => (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntime.jsx("path", { d: "M2 18c2-2 6-2 8 0s6 2 8 0 6-2 8 0" }), jsxRuntime.jsx("path", { d: "M2 12c2-2 6-2 8 0s6 2 8 0 6-2 8 0" }), jsxRuntime.jsx("path", { d: "M2 6c2-2 6-2 8 0s6 2 8 0 6-2 8 0" })] }));
 // Portal component that renders dialog at document body level
-function DialogPortal({ children, isOpen }) {
+function DialogPortal({ children, isOpen, zIndex = 999999, }) {
     const [portalRoot, setPortalRoot] = React__default.useState(null);
     React__default.useEffect(() => {
         if (!isOpen) {
@@ -6729,9 +6722,12 @@ function DialogPortal({ children, isOpen }) {
                 "--bw-border-radius-small",
                 "--bw-spacing",
                 "--bw-spacing-large",
+                "--bw-spacing-small",
                 "--bw-font-family",
                 "--bw-font-size",
                 "--bw-font-size-large",
+                "--bw-font-size-small",
+                "--bw-font-size-xl",
                 "--bw-shadow-lg",
                 "--bw-shadow-md",
                 "--bw-highlight-muted",
@@ -6759,7 +6755,7 @@ function DialogPortal({ children, isOpen }) {
 			left: 0;
 			width: 100%;
 			height: 100%;
-			z-index: 999999;
+			z-index: ${zIndex};
 			pointer-events: none;
 			${cssProperties}
 		`;
@@ -6780,7 +6776,7 @@ function DialogPortal({ children, isOpen }) {
             }
             document.body.style.overflow = "";
         };
-    }, [isOpen]);
+    }, [isOpen, zIndex]);
     if (!isOpen || !portalRoot)
         return null;
     return ReactDOM.createPortal(jsxRuntime.jsx("div", { style: {
@@ -6789,7 +6785,8 @@ function DialogPortal({ children, isOpen }) {
             height: "100%",
         }, children: children }), portalRoot);
 }
-function EventTypeDetailsDialog({ isOpen, onClose, eventType, onEventTypeSelect, }) {
+// Shared dialog wrapper component
+function DialogWrapper({ isOpen, onClose, children, maxWidth = "700px", className, zIndex = 999999, }) {
     // Get fallback styles from the widget container for cases where CSS variables aren't available
     const [fallbackStyles, setFallbackStyles] = React__default.useState({});
     React__default.useEffect(() => {
@@ -6826,15 +6823,10 @@ function EventTypeDetailsDialog({ isOpen, onClose, eventType, onEventTypeSelect,
         return () => {
             document.removeEventListener("keydown", handleEscape);
         };
-    }, [isOpen]);
-    if (!isOpen || !eventType)
+    }, [isOpen, onClose]);
+    if (!isOpen)
         return null;
-    const isAvailable = eventType.hasAvailableInstances;
-    const handleBookingClick = () => {
-        onEventTypeSelect(eventType);
-        onClose();
-    };
-    return (jsxRuntime.jsx(DialogPortal, { isOpen: isOpen, children: jsxRuntime.jsx("div", { style: fallbackStyles, children: jsxRuntime.jsx("div", { style: {
+    return (jsxRuntime.jsx(DialogPortal, { isOpen: isOpen, zIndex: zIndex, children: jsxRuntime.jsx("div", { style: fallbackStyles, className: className, children: jsxRuntime.jsx("div", { style: {
                     position: "fixed",
                     top: 0,
                     left: 0,
@@ -6847,11 +6839,11 @@ function EventTypeDetailsDialog({ isOpen, onClose, eventType, onEventTypeSelect,
                     alignItems: "center",
                     justifyContent: "center",
                     padding: "var(--bw-spacing)",
-                    zIndex: 999999,
+                    zIndex: zIndex,
                 }, onClick: onClose, children: jsxRuntime.jsxs("div", { style: {
                         backgroundColor: "var(--bw-surface-color)",
                         borderRadius: "var(--bw-border-radius)",
-                        maxWidth: "700px",
+                        maxWidth,
                         width: "100%",
                         maxHeight: "90vh",
                         overflow: "auto",
@@ -6879,181 +6871,199 @@ function EventTypeDetailsDialog({ isOpen, onClose, eventType, onEventTypeSelect,
                                 e.currentTarget.style.backgroundColor = "var(--bw-border-color)";
                             }, onMouseLeave: (e) => {
                                 e.currentTarget.style.backgroundColor = "var(--bw-surface-color)";
-                            }, children: "\u00D7" }), jsxRuntime.jsxs("div", { style: { padding: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("div", { style: {
-                                        marginBottom: "24px",
-                                        padding: "16px",
-                                        backgroundColor: "var(--bw-background-color)",
-                                        borderRadius: "var(--bw-border-radius)",
-                                        border: `1px solid var(--bw-border-color)`,
-                                    }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { style: {
-                                                        fontSize: "14px",
-                                                        fontWeight: "600",
-                                                        color: "var(--bw-highlight-color)",
-                                                        marginBottom: "8px",
-                                                        fontFamily: "var(--bw-font-family)",
-                                                    }, children: eventType.category.name }), jsxRuntime.jsx("h2", { style: {
-                                                        fontSize: "28px",
-                                                        fontWeight: "700",
-                                                        color: "var(--bw-text-color)",
-                                                        marginBottom: "16px",
-                                                        lineHeight: "1.3",
-                                                        fontFamily: "var(--bw-font-family)",
-                                                        margin: "0 0 16px 0",
-                                                    }, children: eventType.name })] }), eventType.highlights && eventType.highlights.length > 0 && (jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: jsxRuntime.jsx("div", { style: { marginBottom: "24px" }, children: jsxRuntime.jsx("ul", { style: {
-                                                        listStyle: "none",
-                                                        padding: "0",
-                                                        margin: "0",
-                                                        display: "flex",
-                                                        flexDirection: "column",
-                                                        gap: "3px",
-                                                    }, children: eventType.highlights
-                                                        .filter((highlight) => highlight.trim())
-                                                        .map((highlight, index) => (jsxRuntime.jsxs("li", { style: {
-                                                            display: "flex",
-                                                            alignItems: "flex-start",
-                                                            gap: "10px",
-                                                            fontFamily: "var(--bw-font-family)",
-                                                            fontSize: "16px",
-                                                            lineHeight: "1.6",
-                                                            color: "var(--bw-text-color)",
-                                                        }, children: [jsxRuntime.jsx("div", { style: { marginTop: "4px", flexShrink: 0 }, children: jsxRuntime.jsx(IconCheck$1, { size: 16, color: "var(--bw-success-color)" }) }), jsxRuntime.jsx("span", { children: highlight.trim() })] }, index))) }) }) }))] }), eventType.description && (jsxRuntime.jsxs("div", { style: {
-                                        marginBottom: "24px",
-                                        color: "var(--bw-text-muted)",
-                                        fontSize: "16px",
-                                        lineHeight: "1.6",
+                            }, children: "\u00D7" }), children] }) }) }) }));
+}
+
+// Helper function to preprocess markdown for underline support
+const preprocessMarkdown$1 = (markdown) => {
+    // Convert double underscores to HTML underline tags for React Markdown
+    return markdown.replace(/__([^_]+)__/g, "<u>$1</u>");
+};
+const IconCheck$1 = ({ size = 16, color = "#10b981" }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }));
+const IconWave$1 = ({ size = 20, color = "#0ea5e9" }) => (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntime.jsx("path", { d: "M2 18c2-2 6-2 8 0s6 2 8 0 6-2 8 0" }), jsxRuntime.jsx("path", { d: "M2 12c2-2 6-2 8 0s6 2 8 0 6-2 8 0" }), jsxRuntime.jsx("path", { d: "M2 6c2-2 6-2 8 0s6 2 8 0 6-2 8 0" })] }));
+function EventTypeDetailsDialog({ isOpen, onClose, eventType, onEventTypeSelect, }) {
+    if (!isOpen || !eventType)
+        return null;
+    const isAvailable = eventType.hasAvailableInstances;
+    const handleBookingClick = () => {
+        onEventTypeSelect(eventType);
+        onClose();
+    };
+    return (jsxRuntime.jsx(DialogWrapper, { isOpen: isOpen, onClose: onClose, maxWidth: "700px", children: jsxRuntime.jsxs("div", { style: { padding: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("div", { style: {
+                        marginBottom: "24px",
+                        padding: "16px",
+                        backgroundColor: "var(--bw-background-color)",
+                        borderRadius: "var(--bw-border-radius)",
+                        border: `1px solid var(--bw-border-color)`,
+                    }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { style: {
+                                        fontSize: "14px",
+                                        fontWeight: "600",
+                                        color: "var(--bw-highlight-color)",
+                                        marginBottom: "8px",
                                         fontFamily: "var(--bw-font-family)",
-                                        padding: "0px 20px",
-                                    }, children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
-                                                __html: `
-										.bw-markdown-content p {
-											margin: 0 0 12px 0 !important;
-											color: var(--bw-text-muted) !important;
-											font-family: var(--bw-font-family) !important;
-											line-height: 1.6 !important;
-										}
-										.bw-markdown-content p:last-child {
-											margin-bottom: 0 !important;
-										}
-										.bw-markdown-content h2 {
-											font-size: 20px !important;
-											font-weight: 700 !important;
-											color: var(--bw-text-color) !important;
-											margin: 20px 0 8px 0 !important;
-											line-height: 1.3 !important;
-											display: block !important;
-										}
-										.bw-markdown-content h3 {
-											font-size: 18px !important;
-											font-weight: 600 !important;
-											color: var(--bw-text-color) !important;
-											margin: 16px 0 8px 0 !important;
-											line-height: 1.3 !important;
-											display: block !important;
-										}
-										.bw-markdown-content strong {
-											font-weight: 700 !important;
-											color: var(--bw-text-color) !important;
-										}
-										.bw-markdown-content em {
-											font-style: italic !important;
-										}
-										.bw-markdown-content u {
-											text-decoration: underline !important;
-										}
-										.bw-markdown-content ul {
-											margin: 12px 0 !important;
-											padding-left: 24px !important;
-											list-style-type: disc !important;
-											display: block !important;
-										}
-										.bw-markdown-content ol {
-											margin: 12px 0 !important;
-											padding-left: 24px !important;
-											list-style-type: decimal !important;
-											display: block !important;
-										}
-										.bw-markdown-content li {
-											margin-bottom: 4px !important;
-											display: list-item !important;
-											color: var(--bw-text-muted) !important;
-											font-family: var(--bw-font-family) !important;
-											line-height: 1.6 !important;
-										}
-										.bw-markdown-content blockquote {
-											margin: 12px 0 !important;
-											padding-left: 16px !important;
-											border-left: 3px solid var(--bw-border-color) !important;
-											font-style: italic !important;
-											color: var(--bw-text-muted) !important;
-											display: block !important;
-										}
-										.bw-markdown-content a {
-											color: var(--bw-highlight-color) !important;
-											text-decoration: underline !important;
-										}
-										.bw-markdown-content a:hover {
-											text-decoration: none !important;
-										}
-									`,
-                                            } }), jsxRuntime.jsx("div", { className: "bw-markdown-content", children: Markdown({ children: preprocessMarkdown$1(eventType.description) }) })] })), jsxRuntime.jsxs("div", { style: {
+                                    }, children: eventType.category.name }), jsxRuntime.jsx("h2", { style: {
+                                        fontSize: "28px",
+                                        fontWeight: "700",
+                                        color: "var(--bw-text-color)",
+                                        marginBottom: "16px",
+                                        lineHeight: "1.3",
+                                        fontFamily: "var(--bw-font-family)",
+                                        margin: "0 0 16px 0",
+                                    }, children: eventType.name })] }), eventType.highlights && eventType.highlights.length > 0 && (jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: jsxRuntime.jsx("div", { style: { marginBottom: "24px" }, children: jsxRuntime.jsx("ul", { style: {
+                                        listStyle: "none",
+                                        padding: "0",
+                                        margin: "0",
                                         display: "flex",
-                                        justifyContent: "space-between",
-                                        alignItems: "center",
-                                        marginTop: "32px",
-                                        padding: "20px",
-                                        backgroundColor: "var(--bw-background-color)",
-                                        borderRadius: "var(--bw-border-radius)",
-                                        border: `1px solid var(--bw-border-color)`,
-                                    }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { className: "bw-event-type-price", style: {
-                                                        fontWeight: "700",
-                                                        color: "var(--bw-text-color)",
-                                                        fontFamily: "var(--bw-font-family)",
-                                                        textAlign: "left",
-                                                    }, children: eventType.groupedDurations && jsxRuntime.jsx("span", { children: eventType.groupedDurations }) }), jsxRuntime.jsx("div", { className: "bw-event-type-price", style: {
-                                                        fontSize: "clamp(1.72rem, 4vw, 32px)",
-                                                        fontWeight: "700",
-                                                        color: "var(--bw-text-color)",
-                                                        fontFamily: "var(--bw-font-family)",
-                                                        textAlign: "right",
-                                                    }, children: jsxRuntime.jsxs("span", { children: ["ab ", formatCurrency(eventType.minPrice)] }) })] }), isAvailable && (jsxRuntime.jsxs("button", { onClick: handleBookingClick, style: {
-                                                backgroundColor: "var(--bw-highlight-color)",
-                                                color: "white",
-                                                padding: "14px 28px",
-                                                border: "none",
-                                                borderRadius: "var(--bw-border-radius)",
-                                                fontSize: "16px",
-                                                fontWeight: "600",
-                                                fontFamily: "var(--bw-font-family)",
-                                                display: "flex",
-                                                alignItems: "center",
-                                                gap: "8px",
-                                                cursor: "pointer",
-                                                transition: "all 0.2s ease",
-                                            }, onMouseEnter: (e) => {
-                                                e.currentTarget.style.opacity = "0.9";
-                                                e.currentTarget.style.transform = "translateY(-1px)";
-                                            }, onMouseLeave: (e) => {
-                                                e.currentTarget.style.opacity = "1";
-                                                e.currentTarget.style.transform = "translateY(0)";
-                                            }, children: [jsxRuntime.jsx(IconWave$1, { size: 20, color: "white" }), "Jetzt buchen"] }))] })] }), !isAvailable && (jsxRuntime.jsx("div", { style: {
-                                position: "absolute",
-                                inset: 0,
-                                backgroundColor: "rgba(0, 0, 0, 0.3)",
-                                backdropFilter: "blur(2px)",
+                                        flexDirection: "column",
+                                        gap: "3px",
+                                    }, children: eventType.highlights
+                                        .filter((highlight) => highlight.trim())
+                                        .map((highlight, index) => (jsxRuntime.jsxs("li", { style: {
+                                            display: "flex",
+                                            alignItems: "flex-start",
+                                            gap: "10px",
+                                            fontFamily: "var(--bw-font-family)",
+                                            fontSize: "16px",
+                                            lineHeight: "1.6",
+                                            color: "var(--bw-text-color)",
+                                        }, children: [jsxRuntime.jsx("div", { style: { marginTop: "4px", flexShrink: 0 }, children: jsxRuntime.jsx(IconCheck$1, { size: 16, color: "var(--bw-success-color)" }) }), jsxRuntime.jsx("span", { children: highlight.trim() })] }, index))) }) }) }))] }), eventType.description && (jsxRuntime.jsxs("div", { style: {
+                        marginBottom: "24px",
+                        color: "var(--bw-text-muted)",
+                        fontSize: "16px",
+                        lineHeight: "1.6",
+                        fontFamily: "var(--bw-font-family)",
+                        padding: "0px 20px",
+                    }, children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
+                                __html: `
+							.bw-markdown-content p {
+								margin: 0 0 12px 0 !important;
+								color: var(--bw-text-muted) !important;
+								font-family: var(--bw-font-family) !important;
+								line-height: 1.6 !important;
+							}
+							.bw-markdown-content p:last-child {
+								margin-bottom: 0 !important;
+							}
+							.bw-markdown-content h2 {
+								font-size: 20px !important;
+								font-weight: 700 !important;
+								color: var(--bw-text-color) !important;
+								margin: 20px 0 8px 0 !important;
+								line-height: 1.3 !important;
+								display: block !important;
+							}
+							.bw-markdown-content h3 {
+								font-size: 18px !important;
+								font-weight: 600 !important;
+								color: var(--bw-text-color) !important;
+								margin: 16px 0 8px 0 !important;
+								line-height: 1.3 !important;
+								display: block !important;
+							}
+							.bw-markdown-content strong {
+								font-weight: 700 !important;
+								color: var(--bw-text-color) !important;
+							}
+							.bw-markdown-content em {
+								font-style: italic !important;
+							}
+							.bw-markdown-content u {
+								text-decoration: underline !important;
+							}
+							.bw-markdown-content ul {
+								margin: 12px 0 !important;
+								padding-left: 24px !important;
+								list-style-type: disc !important;
+								display: block !important;
+							}
+							.bw-markdown-content ol {
+								margin: 12px 0 !important;
+								padding-left: 24px !important;
+								list-style-type: decimal !important;
+								display: block !important;
+							}
+							.bw-markdown-content li {
+								margin-bottom: 4px !important;
+								display: list-item !important;
+								color: var(--bw-text-muted) !important;
+								font-family: var(--bw-font-family) !important;
+								line-height: 1.6 !important;
+							}
+							.bw-markdown-content blockquote {
+								margin: 12px 0 !important;
+								padding-left: 16px !important;
+								border-left: 3px solid var(--bw-border-color) !important;
+								font-style: italic !important;
+								color: var(--bw-text-muted) !important;
+								display: block !important;
+							}
+							.bw-markdown-content a {
+								color: var(--bw-highlight-color) !important;
+								text-decoration: underline !important;
+							}
+							.bw-markdown-content a:hover {
+								text-decoration: none !important;
+							}
+						`,
+                            } }), jsxRuntime.jsx("div", { className: "bw-markdown-content", children: Markdown({ children: preprocessMarkdown$1(eventType.description) }) })] })), jsxRuntime.jsxs("div", { style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        marginTop: "32px",
+                        padding: "20px",
+                        backgroundColor: "var(--bw-background-color)",
+                        borderRadius: "var(--bw-border-radius)",
+                        border: `1px solid var(--bw-border-color)`,
+                    }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { className: "bw-event-type-price", style: {
+                                        fontWeight: "700",
+                                        color: "var(--bw-text-color)",
+                                        fontFamily: "var(--bw-font-family)",
+                                        textAlign: "left",
+                                    }, children: eventType.groupedDurations && jsxRuntime.jsx("span", { children: eventType.groupedDurations }) }), jsxRuntime.jsx("div", { className: "bw-event-type-price", style: {
+                                        fontSize: "clamp(1.72rem, 4vw, 32px)",
+                                        fontWeight: "700",
+                                        color: "var(--bw-text-color)",
+                                        fontFamily: "var(--bw-font-family)",
+                                        textAlign: "right",
+                                    }, children: jsxRuntime.jsxs("span", { children: ["ab ", formatCurrency(eventType.minPrice)] }) })] }), isAvailable && (jsxRuntime.jsxs("button", { onClick: handleBookingClick, style: {
+                                backgroundColor: "var(--bw-highlight-color)",
+                                color: "white",
+                                padding: "14px 28px",
+                                border: "none",
+                                borderRadius: "var(--bw-border-radius)",
+                                fontSize: "16px",
+                                fontWeight: "600",
+                                fontFamily: "var(--bw-font-family)",
                                 display: "flex",
                                 alignItems: "center",
-                                justifyContent: "center",
-                                borderRadius: "var(--bw-border-radius)",
-                            }, children: jsxRuntime.jsx("div", { style: {
-                                    backgroundColor: "rgba(255, 255, 255, 0.9)",
-                                    padding: "16px 32px",
-                                    borderRadius: "var(--bw-border-radius)",
-                                    color: "var(--bw-text-color)",
-                                    fontWeight: "600",
-                                    fontSize: "18px",
-                                    fontFamily: "var(--bw-font-family)",
-                                    boxShadow: "var(--bw-shadow-md)",
-                                }, children: "Ausgebucht" }) }))] }) }) }) }));
+                                gap: "8px",
+                                cursor: "pointer",
+                                transition: "all 0.2s ease",
+                            }, onMouseEnter: (e) => {
+                                e.currentTarget.style.opacity = "0.9";
+                                e.currentTarget.style.transform = "translateY(-1px)";
+                            }, onMouseLeave: (e) => {
+                                e.currentTarget.style.opacity = "1";
+                                e.currentTarget.style.transform = "translateY(0)";
+                            }, children: [jsxRuntime.jsx(IconWave$1, { size: 20, color: "white" }), "Jetzt buchen"] }))] }), !isAvailable && (jsxRuntime.jsx("div", { style: {
+                        position: "absolute",
+                        inset: 0,
+                        backgroundColor: "rgba(0, 0, 0, 0.3)",
+                        backdropFilter: "blur(2px)",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        borderRadius: "var(--bw-border-radius)",
+                    }, children: jsxRuntime.jsx("div", { style: {
+                            backgroundColor: "rgba(255, 255, 255, 0.9)",
+                            padding: "16px 32px",
+                            borderRadius: "var(--bw-border-radius)",
+                            color: "var(--bw-text-color)",
+                            fontWeight: "600",
+                            fontSize: "18px",
+                            fontFamily: "var(--bw-font-family)",
+                            boxShadow: "var(--bw-shadow-md)",
+                        }, children: "Ausgebucht" }) }))] }) }));
 }
 
 // Carousel navigation icons
@@ -7105,7 +7115,7 @@ const ImageCarousel = ({ images, eventName }) => {
     if (images.length === 0) {
         return jsxRuntime.jsx(EventImagePlaceholder, {});
     }
-    return (jsxRuntime.jsxs("div", { style: { position: "relative", width: "100%", height: "100%", overflow: "hidden" }, children: [jsxRuntime.jsx("div", { style: {
+    return (jsxRuntime.jsxs("div", { style: { position: "relative", width: "100%", height: "100%", overflow: "hidden", borderRadius: "inherit" }, children: [jsxRuntime.jsx("div", { style: {
                     display: "flex",
                     width: `${images.length * 100}%`,
                     height: "100%",
@@ -7117,6 +7127,7 @@ const ImageCarousel = ({ images, eventName }) => {
                         flexShrink: 0,
                         overflow: "hidden",
                         position: "relative",
+                        borderRadius: "inherit"
                     }, children: jsxRuntime.jsx("img", { src: image, alt: `${eventName} - Bild ${index + 1}`, style: {
                             width: "100%",
                             height: "100%",
@@ -7125,6 +7136,7 @@ const ImageCarousel = ({ images, eventName }) => {
                             position: "absolute",
                             top: 0,
                             left: 0,
+                            borderRadius: "inherit"
                         } }) }, index))) }), images.length > 1 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { onClick: prevImage, disabled: isTransitioning, style: {
                             position: "absolute",
                             left: "12px",
@@ -7601,6 +7613,7 @@ function EventTypeSelection({ eventTypes, onEventTypeSelect, isLoading = false,
                                 backgroundColor: "var(--bw-surface-color)",
                                 border: `1px solid var(--bw-border-color)`,
                                 borderRadius: "var(--bw-border-radius)",
+                                overflow: "hidden",
                                 transition: "all 0.3s ease",
                                 cursor: isAvailable ? "pointer" : "not-allowed",
                                 opacity: isAvailable ? 1 : 0.6,
@@ -9569,6 +9582,7 @@ function Sidebar({ isOpen, onClose, title, children, width = "400px" }) {
                     position: "absolute",
                     inset: 0,
                     backgroundColor: "rgba(0, 0, 0, 0.5)",
+                    backdropFilter: "blur(10px)",
                     opacity: isAnimating ? 1 : 0,
                     transition: "opacity 0.25s ease-out",
                 }, onClick: onClose }), jsxRuntime.jsxs("div", { style: {
@@ -9915,11 +9929,11 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                 display: "flex",
                                                 alignItems: "center",
                                                 gap: "4px",
-                                            }, children: [jsxRuntime.jsx(IconMoney, { size: 20, color: "var(--bw-highlight-color)" }), " Preis:"] }), jsxRuntime.jsxs("span", { style: {
+                                            }, children: [jsxRuntime.jsx(IconCalendar, { size: 20, color: "var(--bw-highlight-color)" }), " Uhrzeit:"] }), jsxRuntime.jsx("span", { style: {
                                                 color: "var(--bw-text-color)",
                                                 fontWeight: "500",
                                                 fontFamily: "var(--bw-font-family)",
-                                            }, children: [formatCurrency(eventDetails.price), " pro Person"] })] }), jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [jsxRuntime.jsxs("span", { style: {
+                                            }, children: formatTime(eventDetails.startTime, "Europe/Berlin", "de") })] }), jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [jsxRuntime.jsxs("span", { style: {
                                                 color: "var(--bw-text-muted)",
                                                 fontFamily: "var(--bw-font-family)",
                                                 display: "flex",
@@ -9929,7 +9943,17 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                 color: "var(--bw-text-color)",
                                                 fontWeight: "500",
                                                 fontFamily: "var(--bw-font-family)",
-                                            }, children: [eventDetails.durationDays, " Tag", eventDetails.durationDays > 1 ? "e" : ""] })] })] })] }), jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("form", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("div", { style: {
+                                            }, children: [eventDetails.durationDays, " Tag", eventDetails.durationDays > 1 ? "e" : ""] })] }), jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [jsxRuntime.jsxs("span", { style: {
+                                                color: "var(--bw-text-muted)",
+                                                fontFamily: "var(--bw-font-family)",
+                                                display: "flex",
+                                                alignItems: "center",
+                                                gap: "4px",
+                                            }, children: [jsxRuntime.jsx(IconMoney, { size: 20, color: "var(--bw-highlight-color)" }), " Preis:"] }), jsxRuntime.jsxs("span", { style: {
+                                                color: "var(--bw-text-color)",
+                                                fontWeight: "500",
+                                                fontFamily: "var(--bw-font-family)",
+                                            }, children: [formatCurrency(eventDetails.price), " pro Person"] })] })] })] }), jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("form", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("div", { style: {
                                         backgroundColor: "var(--bw-surface-color)",
                                         border: `1px solid var(--bw-border-color)`,
                                         backdropFilter: "blur(4px)",
@@ -10086,9 +10110,10 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                         height: "20px",
                                                         border: "1px solid var(--bw-border-color)",
                                                         accentColor: "var(--bw-highlight-color)",
-                                                        backgroundColor: form.getValues("acceptTerms") === true
-                                                            ? "var(--bw-highlight-color)"
-                                                            : "var(--bw-surface-color)",
+                                                        cursor: "pointer",
+                                                        appearance: "checkbox",
+                                                        WebkitAppearance: "checkbox",
+                                                        MozAppearance: "checkbox",
                                                     } }), jsxRuntime.jsxs("label", { htmlFor: "acceptTerms", style: {
                                                         fontSize: "var(--bw-font-size)",
                                                         color: "var(--bw-text-muted)",
@@ -10098,7 +10123,7 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                                                     }, children: ["Ich akzeptiere die", " ", jsxRuntime.jsx("a", { href: eventDetails.agbUrl || "/terms", style: {
                                                                 color: "var(--bw-highlight-color)",
                                                                 textDecoration: "none",
-                                                            }, target: "_blank", rel: "noopener noreferrer", children: "Allgemeinen Gesch\u00E4ftsbedingungen" }), "*"] })] }), form.formState.errors.acceptTerms && (jsxRuntime.jsx("p", { style: {
+                                                            }, target: "_blank", rel: "noopener noreferrer", children: "AGBs" }), "*"] })] }), form.formState.errors.acceptTerms && (jsxRuntime.jsx("p", { style: {
                                                 color: "var(--bw-error-color)",
                                                 fontSize: "var(--bw-font-size)",
                                                 marginTop: "8px",
@@ -10251,6 +10276,164 @@ function BookingForm({ config, eventDetails, stripePromise, onSuccess, onError,
                 ` })] }) }));
 }
 
+const BookingSuccessModal = ({ isOpen, onClose, bookingData, eventDetails, formData, config, }) => {
+    if (!isOpen || !bookingData)
+        return null;
+    const booking = bookingData.booking;
+    return (jsxRuntime.jsx(DialogWrapper, { isOpen: isOpen, onClose: onClose, maxWidth: "700px", children: jsxRuntime.jsxs("div", { style: { padding: "var(--bw-spacing-large)" }, children: [jsxRuntime.jsxs("div", { style: {
+                        textAlign: "center",
+                        marginBottom: "var(--bw-spacing-large)",
+                    }, children: [jsxRuntime.jsx("div", { style: {
+                                width: "64px",
+                                height: "64px",
+                                backgroundColor: "var(--bw-success-color, #10B981)",
+                                borderRadius: "50%",
+                                margin: "0 auto var(--bw-spacing)",
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                fontSize: "32px",
+                                color: "white",
+                            }, children: "\u2713" }), jsxRuntime.jsx("h2", { style: {
+                                fontSize: "var(--bw-font-size-xl)",
+                                fontWeight: "700",
+                                color: "var(--bw-text-color)",
+                                margin: "0 0 var(--bw-spacing-small) 0",
+                                fontFamily: "var(--bw-font-family)",
+                            }, children: "Buchung erfolgreich!" }), jsxRuntime.jsx("p", { style: {
+                                color: "var(--bw-text-muted)",
+                                fontFamily: "var(--bw-font-family)",
+                                margin: 0,
+                            }, children: "Deine Buchung wurde erfolgreich abgeschlossen." })] }), jsxRuntime.jsxs("div", { style: {
+                        backgroundColor: "var(--bw-surface-color)",
+                        border: `1px solid var(--bw-border-color)`,
+                        borderRadius: "var(--bw-border-radius)",
+                        padding: "var(--bw-spacing)",
+                        marginBottom: "var(--bw-spacing-large)",
+                    }, children: [jsxRuntime.jsx("h3", { style: {
+                                fontSize: "var(--bw-font-size-large)",
+                                fontWeight: "600",
+                                color: "var(--bw-text-color)",
+                                margin: "0 0 var(--bw-spacing) 0",
+                                fontFamily: "var(--bw-font-family)",
+                            }, children: "Buchungsdetails" }), jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing)" }, children: [booking.bookingHash && (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: "Buchungs-ID:" }), jsxRuntime.jsx("span", { style: {
+                                                color: "var(--bw-text-color)",
+                                                fontWeight: "500",
+                                                fontFamily: "monospace",
+                                                fontSize: "var(--bw-font-size-small)",
+                                                backgroundColor: "var(--bw-background-color)",
+                                                padding: "4px 8px",
+                                                borderRadius: "var(--bw-border-radius-small)",
+                                            }, children: booking.bookingHash })] })), 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: "Event:" }), jsxRuntime.jsx("span", { style: {
+                                                color: "var(--bw-text-color)",
+                                                fontWeight: "500",
+                                                fontFamily: "var(--bw-font-family)",
+                                                textAlign: "right",
+                                                maxWidth: "60%",
+                                            }, children: eventDetails.name })] }), 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: "Datum:" }), jsxRuntime.jsx("span", { style: {
+                                                color: "var(--bw-text-color)",
+                                                fontWeight: "500",
+                                                fontFamily: "var(--bw-font-family)",
+                                                textAlign: "right",
+                                                maxWidth: "60%",
+                                            }, children: formatEventDate(eventDetails.startTime) })] }), 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: "Uhrzeit:" }), jsxRuntime.jsx("span", { style: {
+                                                color: "var(--bw-text-color)",
+                                                fontWeight: "500",
+                                                fontFamily: "var(--bw-font-family)",
+                                                textAlign: "right",
+                                                maxWidth: "60%",
+                                            }, children: formatTime(eventDetails.startTime, "Europe/Berlin", "de") })] }), 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: "Teilnehmer:" }), jsxRuntime.jsx("span", { style: {
+                                                color: "var(--bw-text-color)",
+                                                fontWeight: "500",
+                                                fontFamily: "var(--bw-font-family)",
+                                            }, children: booking.participantCount })] }), jsxRuntime.jsxs("div", { style: {
+                                        display: "flex",
+                                        justifyContent: "space-between",
+                                        alignItems: "center",
+                                        borderTop: `1px solid var(--bw-border-color)`,
+                                        paddingTop: "var(--bw-spacing)",
+                                        marginTop: "var(--bw-spacing)",
+                                    }, children: [jsxRuntime.jsx("span", { style: {
+                                                color: "var(--bw-text-color)",
+                                                fontWeight: "600",
+                                                fontFamily: "var(--bw-font-family)",
+                                            }, children: "Gesamtbetrag:" }), jsxRuntime.jsx("span", { style: {
+                                                color: "var(--bw-text-color)",
+                                                fontWeight: "600",
+                                                fontSize: "var(--bw-font-size-large)",
+                                                fontFamily: "var(--bw-font-family)",
+                                            }, children: formatCurrency(booking.total) })] })] })] }), formData.participants && formData.participants.length > 0 && (jsxRuntime.jsxs("div", { style: {
+                        border: `1px solid var(--bw-border-color)`,
+                        borderRadius: "var(--bw-border-radius)",
+                        padding: "var(--bw-spacing)",
+                        marginBottom: "var(--bw-spacing-large)",
+                    }, children: [jsxRuntime.jsx("h3", { style: {
+                                fontSize: "var(--bw-font-size-large)",
+                                fontWeight: "600",
+                                color: "var(--bw-text-color)",
+                                margin: "0 0 var(--bw-spacing) 0",
+                                fontFamily: "var(--bw-font-family)",
+                            }, children: "Teilnehmer" }), jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: formData.participants
+                                .filter((p) => p.name.trim())
+                                .map((participant, index) => (jsxRuntime.jsxs("div", { style: {
+                                    display: "flex",
+                                    justifyContent: "space-between",
+                                    alignItems: "center",
+                                    padding: "var(--bw-spacing-small)",
+                                    borderRadius: "var(--bw-border-radius-small)",
+                                }, children: [jsxRuntime.jsx("span", { style: {
+                                            color: "var(--bw-text-color)",
+                                            fontFamily: "var(--bw-font-family)",
+                                        }, children: participant.name }), participant.age && (jsxRuntime.jsxs("span", { style: {
+                                            color: "var(--bw-text-muted)",
+                                            fontSize: "var(--bw-font-size-small)",
+                                            fontFamily: "var(--bw-font-family)",
+                                        }, children: [participant.age, " Jahre"] }))] }, index))) })] })), jsxRuntime.jsxs("div", { style: {
+                        backgroundColor: "var(--bw-surface-color)",
+                        border: `1px solid var(--bw-border-color)`,
+                        borderRadius: "var(--bw-border-radius)",
+                        padding: "var(--bw-spacing)",
+                        marginBottom: "var(--bw-spacing-large)",
+                    }, children: [jsxRuntime.jsx("h3", { style: {
+                                fontSize: "var(--bw-font-size-large)",
+                                fontWeight: "600",
+                                color: "var(--bw-text-color)",
+                                margin: "0 0 var(--bw-spacing) 0",
+                                fontFamily: "var(--bw-font-family)",
+                            }, children: "Kontaktdaten" }), jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, 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: "Name:" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerName })] }), 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: "E-Mail:" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerEmail })] }), formData.customerPhone && (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: "Telefon:" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerPhone })] }))] })] }), jsxRuntime.jsxs("div", { style: {
+                        backgroundColor: "var(--bw-surface-muted-bg, rgba(59, 130, 246, 0.05))",
+                        border: `1px solid var(--bw-border-color)`,
+                        borderRadius: "var(--bw-border-radius)",
+                        padding: "var(--bw-spacing)",
+                        marginBottom: "var(--bw-spacing-large)",
+                        textAlign: "center",
+                    }, children: [jsxRuntime.jsx("div", { style: {
+                                color: "var(--bw-highlight-color)",
+                                fontSize: "24px",
+                                marginBottom: "var(--bw-spacing-small)",
+                            }, children: "\uD83D\uDCE7" }), jsxRuntime.jsxs("p", { style: {
+                                color: "var(--bw-text-muted)",
+                                margin: 0,
+                                fontFamily: "var(--bw-font-family)",
+                                fontSize: "var(--bw-font-size-small)",
+                            }, children: ["Eine Best\u00E4tigungs-E-Mail wird in K\u00FCrze an ", formData.customerEmail, " gesendet."] })] }), jsxRuntime.jsx("div", { style: { textAlign: "center" }, children: jsxRuntime.jsx("button", { onClick: onClose, style: {
+                            backgroundColor: "var(--bw-highlight-color)",
+                            color: "white",
+                            padding: "12px 32px",
+                            border: "none",
+                            borderRadius: "var(--bw-border-radius)",
+                            fontSize: "var(--bw-font-size)",
+                            fontWeight: "600",
+                            cursor: "pointer",
+                            fontFamily: "var(--bw-font-family)",
+                            transition: "all 0.2s ease",
+                        }, onMouseEnter: (e) => {
+                            e.currentTarget.style.opacity = "0.9";
+                        }, onMouseLeave: (e) => {
+                            e.currentTarget.style.opacity = "1";
+                        }, children: "Schlie\u00DFen" }) })] }) }));
+};
+
 const months = [
     "Januar",
     "Februar",
@@ -11328,198 +11511,6 @@ function NextEventsPreview({ events, onEventSelect, onShowAll, showAllButtonText
 }
 
 // Predefined themes & Style Provider have been moved to ../styles/StyleProvider.tsx
-// Success Modal Component
-const BookingSuccessModal = ({ isOpen, onClose, bookingData, eventDetails, formData, config, }) => {
-    if (!isOpen || !bookingData)
-        return null;
-    const booking = bookingData.booking;
-    return (jsxRuntime.jsx("div", { style: {
-            position: "fixed",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            backgroundColor: "rgba(0, 0, 0, 0.5)",
-            zIndex: 10000,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            padding: "var(--bw-spacing)",
-        }, children: jsxRuntime.jsxs("div", { style: {
-                backgroundColor: "var(--bw-background-color)",
-                borderRadius: "var(--bw-border-radius)",
-                padding: "var(--bw-spacing-large)",
-                maxWidth: "500px",
-                width: "100%",
-                maxHeight: "90vh",
-                overflow: "auto",
-                position: "relative",
-                border: `1px solid var(--bw-border-color)`,
-                boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
-            }, children: [jsxRuntime.jsx("button", { onClick: onClose, style: {
-                        position: "absolute",
-                        top: "var(--bw-spacing)",
-                        right: "var(--bw-spacing)",
-                        background: "none",
-                        border: "none",
-                        fontSize: "24px",
-                        cursor: "pointer",
-                        color: "var(--bw-text-muted)",
-                        width: "32px",
-                        height: "32px",
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        borderRadius: "var(--bw-border-radius-small)",
-                    }, children: "\u00D7" }), jsxRuntime.jsxs("div", { style: {
-                        textAlign: "center",
-                        marginBottom: "var(--bw-spacing-large)",
-                    }, children: [jsxRuntime.jsx("div", { style: {
-                                width: "64px",
-                                height: "64px",
-                                backgroundColor: "var(--bw-success-color, #10B981)",
-                                borderRadius: "50%",
-                                margin: "0 auto var(--bw-spacing)",
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "center",
-                                fontSize: "32px",
-                                color: "white",
-                            }, children: "\u2713" }), jsxRuntime.jsx("h2", { style: {
-                                fontSize: "var(--bw-font-size-xl)",
-                                fontWeight: "700",
-                                color: "var(--bw-text-color)",
-                                margin: "0 0 var(--bw-spacing-small) 0",
-                                fontFamily: "var(--bw-font-family)",
-                            }, children: "Buchung erfolgreich!" }), jsxRuntime.jsx("p", { style: {
-                                color: "var(--bw-text-muted)",
-                                fontFamily: "var(--bw-font-family)",
-                                margin: 0,
-                            }, children: "Deine Buchung wurde erfolgreich abgeschlossen." })] }), jsxRuntime.jsxs("div", { style: {
-                        backgroundColor: "var(--bw-surface-color)",
-                        border: `1px solid var(--bw-border-color)`,
-                        borderRadius: "var(--bw-border-radius)",
-                        padding: "var(--bw-spacing)",
-                        marginBottom: "var(--bw-spacing-large)",
-                    }, children: [jsxRuntime.jsx("h3", { style: {
-                                fontSize: "var(--bw-font-size-large)",
-                                fontWeight: "600",
-                                color: "var(--bw-text-color)",
-                                margin: "0 0 var(--bw-spacing) 0",
-                                fontFamily: "var(--bw-font-family)",
-                            }, children: "Buchungsdetails" }), jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing)" }, children: [booking.bookingHash && (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: "Buchungs-ID:" }), jsxRuntime.jsx("span", { style: {
-                                                color: "var(--bw-text-color)",
-                                                fontWeight: "500",
-                                                fontFamily: "monospace",
-                                                fontSize: "var(--bw-font-size-small)",
-                                                backgroundColor: "var(--bw-background-color)",
-                                                padding: "4px 8px",
-                                                borderRadius: "var(--bw-border-radius-small)",
-                                            }, children: booking.bookingHash })] })), 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: "Event:" }), jsxRuntime.jsx("span", { style: {
-                                                color: "var(--bw-text-color)",
-                                                fontWeight: "500",
-                                                fontFamily: "var(--bw-font-family)",
-                                                textAlign: "right",
-                                                maxWidth: "60%",
-                                            }, children: eventDetails.name })] }), 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: "Datum:" }), jsxRuntime.jsx("span", { style: {
-                                                color: "var(--bw-text-color)",
-                                                fontWeight: "500",
-                                                fontFamily: "var(--bw-font-family)",
-                                                textAlign: "right",
-                                                maxWidth: "60%",
-                                            }, children: formatDate(eventDetails.startTime) })] }), 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: "Teilnehmer:" }), jsxRuntime.jsx("span", { style: {
-                                                color: "var(--bw-text-color)",
-                                                fontWeight: "500",
-                                                fontFamily: "var(--bw-font-family)",
-                                            }, children: booking.participantCount })] }), jsxRuntime.jsxs("div", { style: {
-                                        display: "flex",
-                                        justifyContent: "space-between",
-                                        alignItems: "center",
-                                        borderTop: `1px solid var(--bw-border-color)`,
-                                        paddingTop: "var(--bw-spacing)",
-                                        marginTop: "var(--bw-spacing)",
-                                    }, children: [jsxRuntime.jsx("span", { style: {
-                                                color: "var(--bw-text-color)",
-                                                fontWeight: "600",
-                                                fontFamily: "var(--bw-font-family)",
-                                            }, children: "Gesamtbetrag:" }), jsxRuntime.jsx("span", { style: {
-                                                color: "var(--bw-text-color)",
-                                                fontWeight: "600",
-                                                fontSize: "var(--bw-font-size-large)",
-                                                fontFamily: "var(--bw-font-family)",
-                                            }, children: formatCurrency(booking.total) })] })] })] }), formData.participants && formData.participants.length > 0 && (jsxRuntime.jsxs("div", { style: {
-                        backgroundColor: "var(--bw-surface-color)",
-                        border: `1px solid var(--bw-border-color)`,
-                        borderRadius: "var(--bw-border-radius)",
-                        padding: "var(--bw-spacing)",
-                        marginBottom: "var(--bw-spacing-large)",
-                    }, children: [jsxRuntime.jsx("h3", { style: {
-                                fontSize: "var(--bw-font-size-large)",
-                                fontWeight: "600",
-                                color: "var(--bw-text-color)",
-                                margin: "0 0 var(--bw-spacing) 0",
-                                fontFamily: "var(--bw-font-family)",
-                            }, children: "Teilnehmer" }), jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, children: formData.participants
-                                .filter((p) => p.name.trim())
-                                .map((participant, index) => (jsxRuntime.jsxs("div", { style: {
-                                    display: "flex",
-                                    justifyContent: "space-between",
-                                    alignItems: "center",
-                                    padding: "var(--bw-spacing-small)",
-                                    backgroundColor: "var(--bw-background-color)",
-                                    borderRadius: "var(--bw-border-radius-small)",
-                                }, children: [jsxRuntime.jsx("span", { style: {
-                                            color: "var(--bw-text-color)",
-                                            fontFamily: "var(--bw-font-family)",
-                                        }, children: participant.name }), participant.age && (jsxRuntime.jsxs("span", { style: {
-                                            color: "var(--bw-text-muted)",
-                                            fontSize: "var(--bw-font-size-small)",
-                                            fontFamily: "var(--bw-font-family)",
-                                        }, children: [participant.age, " Jahre"] }))] }, index))) })] })), jsxRuntime.jsxs("div", { style: {
-                        backgroundColor: "var(--bw-surface-color)",
-                        border: `1px solid var(--bw-border-color)`,
-                        borderRadius: "var(--bw-border-radius)",
-                        padding: "var(--bw-spacing)",
-                        marginBottom: "var(--bw-spacing-large)",
-                    }, children: [jsxRuntime.jsx("h3", { style: {
-                                fontSize: "var(--bw-font-size-large)",
-                                fontWeight: "600",
-                                color: "var(--bw-text-color)",
-                                margin: "0 0 var(--bw-spacing) 0",
-                                fontFamily: "var(--bw-font-family)",
-                            }, children: "Kontaktdaten" }), jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--bw-spacing-small)" }, 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: "Name:" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerName })] }), 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: "E-Mail:" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerEmail })] }), formData.customerPhone && (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: "Telefon:" }), jsxRuntime.jsx("span", { style: { color: "var(--bw-text-color)", fontFamily: "var(--bw-font-family)" }, children: formData.customerPhone })] }))] })] }), jsxRuntime.jsxs("div", { style: {
-                        backgroundColor: "var(--bw-surface-muted-bg, rgba(59, 130, 246, 0.05))",
-                        border: `1px solid var(--bw-border-color)`,
-                        borderRadius: "var(--bw-border-radius)",
-                        padding: "var(--bw-spacing)",
-                        marginBottom: "var(--bw-spacing-large)",
-                        textAlign: "center",
-                    }, children: [jsxRuntime.jsx("div", { style: {
-                                color: "var(--bw-highlight-color)",
-                                fontSize: "24px",
-                                marginBottom: "var(--bw-spacing-small)",
-                            }, children: "\uD83D\uDCE7" }), jsxRuntime.jsxs("p", { style: {
-                                color: "var(--bw-text-muted)",
-                                margin: 0,
-                                fontFamily: "var(--bw-font-family)",
-                                fontSize: "var(--bw-font-size-small)",
-                            }, children: ["Eine Best\u00E4tigungs-E-Mail wird in K\u00FCrze an ", formData.customerEmail, " gesendet."] })] }), jsxRuntime.jsx("div", { style: { textAlign: "center" }, children: jsxRuntime.jsx("button", { onClick: onClose, style: {
-                            backgroundColor: "var(--bw-highlight-color)",
-                            color: "white",
-                            padding: "12px 32px",
-                            border: "none",
-                            borderRadius: "var(--bw-border-radius)",
-                            fontSize: "var(--bw-font-size)",
-                            fontWeight: "600",
-                            cursor: "pointer",
-                            fontFamily: "var(--bw-font-family)",
-                            transition: "all 0.2s ease",
-                        }, onMouseEnter: (e) => {
-                            e.currentTarget.style.opacity = "0.9";
-                        }, onMouseLeave: (e) => {
-                            e.currentTarget.style.opacity = "1";
-                        }, children: "Schlie\u00DFen" }) })] }) }));
-};
 // Main widget component
 function UniversalBookingWidget({ config: baseConfig }) {
     // Apply URL parameter inference
@@ -11549,7 +11540,6 @@ function UniversalBookingWidget({ config: baseConfig }) {
     // Booking flow state
     const [eventDetails, setEventDetails] = React__default.useState(null);
     const [stripePromise, setStripePromise] = React__default.useState(null);
-    const [clientSecret, setClientSecret] = React__default.useState(null);
     // SEPARATED LOADING STATES
     const [isLoading, setIsLoading] = React__default.useState(true); // Only for initial widget load
     const [isLoadingEventInstances, setIsLoadingEventInstances] = React__default.useState(false); // For loading event instances in sidebar
@@ -12010,16 +12000,6 @@ function UniversalBookingWidget({ config: baseConfig }) {
                                 fontFamily: "var(--bw-font-family)",
                             }, children: "Falls das Problem weiterhin besteht, kontaktiere bitte den Support." })] }) }) }));
     }
-    // Success state
-    if (isSuccess) {
-        return (jsxRuntime.jsx(StyleProvider, { config: config, children: jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
-                    setIsSuccess(false);
-                    setCurrentStep("eventTypes");
-                    // Reset lazy loading flags
-                    setShouldRenderInstanceSelection(false);
-                    setShouldRenderBookingForm(false);
-                }, bookingData: successData, eventDetails: eventDetails, formData: successData.formData, config: config }) }));
-    }
     // Main view based on view mode
     if (viewMode === "next-events" && showingPreview) {
         // Next events preview mode
@@ -12035,17 +12015,31 @@ function UniversalBookingWidget({ config: baseConfig }) {
                         setCurrentStep("eventTypes");
                         setShowingPreview(true);
                         setEventDetails(null);
-                    }, systemConfig: systemConfig }))] }));
+                    }, systemConfig: systemConfig })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                        setIsSuccess(false);
+                        setCurrentStep("eventTypes");
+                        setShowingPreview(true);
+                        // Reset lazy loading flags
+                        setShouldRenderInstanceSelection(false);
+                        setShouldRenderBookingForm(false);
+                    }, bookingData: successData, eventDetails: eventDetails, formData: successData?.formData, config: config })] }));
     }
     if (viewMode === "next-events" && !showingPreview && currentStep === "eventInstances") {
         // Show all events for the single event type
-        return (jsxRuntime.jsx(StyleProvider, { config: config, children: shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => {
-                    setShowingPreview(true);
-                    setCurrentStep("eventTypes");
-                }, isOpen: currentStep === "eventInstances", onClose: () => {
-                    setShowingPreview(true);
-                    setCurrentStep("eventTypes");
-                }, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })) }));
+        return (jsxRuntime.jsxs(StyleProvider, { config: config, children: [shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => {
+                        setShowingPreview(true);
+                        setCurrentStep("eventTypes");
+                    }, isOpen: currentStep === "eventInstances", onClose: () => {
+                        setShowingPreview(true);
+                        setCurrentStep("eventTypes");
+                    }, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                        setIsSuccess(false);
+                        setCurrentStep("eventTypes");
+                        setShowingPreview(true);
+                        // Reset lazy loading flags
+                        setShouldRenderInstanceSelection(false);
+                        setShouldRenderBookingForm(false);
+                    }, bookingData: successData, eventDetails: eventDetails, formData: successData?.formData, config: config })] }));
     }
     if (viewMode === "button" && (isSingleEventTypeMode || isDirectInstanceMode)) {
         // Button mode - show button that opens sidebar/booking directly
@@ -12075,7 +12069,14 @@ function UniversalBookingWidget({ config: baseConfig }) {
                                 setShouldRenderInstanceSelection(true);
                             }
                         }, children: config.buttonText ||
-                            (isDirectInstanceMode ? "Jetzt buchen" : "Jetzt Termin auswählen") }), shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen, onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), 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 }))] }) }));
+                            (isDirectInstanceMode ? "Jetzt buchen" : "Jetzt Termin auswählen") }), shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: () => setSidebarOpen(false), isOpen: sidebarOpen, onClose: () => setSidebarOpen(false), isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), 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 })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                            setIsSuccess(false);
+                            setCurrentStep("eventTypes");
+                            setSidebarOpen(false);
+                            // Reset lazy loading flags
+                            setShouldRenderInstanceSelection(false);
+                            setShouldRenderBookingForm(false);
+                        }, bookingData: successData, eventDetails: eventDetails, formData: successData?.formData, config: config })] }) }));
     }
     // Cards mode (default) - show event type selection
     const cardsView = (jsxRuntime.jsx(EventTypeSelection, { eventTypes: eventTypes, onEventTypeSelect: handleEventTypeSelect, isLoading: isLoading, skeletonCount: getSkeletonCount() }));
@@ -12108,7 +12109,13 @@ function UniversalBookingWidget({ config: baseConfig }) {
         };
     };
     const backHandlers = getBackHandlers();
-    return (jsxRuntime.jsxs(StyleProvider, { config: config, children: [cardsView, shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), 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 }))] }));
+    return (jsxRuntime.jsxs(StyleProvider, { config: config, children: [cardsView, shouldRenderInstanceSelection && (jsxRuntime.jsx(EventInstanceSelection, { eventInstances: eventInstances, selectedEventType: selectedEventType, onEventInstanceSelect: handleEventInstanceSelect, onBackToEventTypes: handleBackToEventTypes, isOpen: currentStep === "eventInstances", onClose: handleBackToEventTypes, isLoadingEventInstances: isLoadingEventInstances, isLoadingEventDetails: isLoadingEventDetails })), 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 })), jsxRuntime.jsx(BookingSuccessModal, { isOpen: isSuccess, onClose: () => {
+                    setIsSuccess(false);
+                    setCurrentStep("eventTypes");
+                    // Reset lazy loading flags
+                    setShouldRenderInstanceSelection(false);
+                    setShouldRenderBookingForm(false);
+                }, bookingData: successData, eventDetails: eventDetails, formData: successData?.formData, config: config })] }));
 }
 
 // Export init function for vanilla JS usage