.et-db #et-boc .et-l.et-l--footer .et_builder_inner_content{z-index:auto}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{ left:0 }  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{ right:0 }  .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}:root{--iti-border-gray:#ccc;--iti-text-gray:#999;--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-border-color:var(--iti-border-gray);--iti-dialcode-color:var(--iti-text-gray);--iti-dropdown-bg:white;--iti-spacer-horizontal:8px;--iti-flag-height:15px;--iti-flag-width:20px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-input-padding:6px;--iti-right-hand-selected-country-padding:calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));--iti-selected-country-arrow-padding:calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));--iti-path-flags-1x:url(//www.molidelallavina.com/wp-content/plugins/wp-activity-bookings/assets/vendor/intl-tel-input/img/flags.webp);--iti-path-flags-2x:url(//www.molidelallavina.com/wp-content/plugins/wp-activity-bookings/assets/vendor/intl-tel-input/img/flags@2x.webp);--iti-path-globe-1x:url(//www.molidelallavina.com/wp-content/plugins/wp-activity-bookings/assets/vendor/intl-tel-input/img/globe.webp);--iti-path-globe-2x:url(//www.molidelallavina.com/wp-content/plugins/wp-activity-bookings/assets/vendor/intl-tel-input/img/globe@2x.webp);--iti-flag-sprite-width:5762px;--iti-flag-sprite-height:15px;--iti-mobile-popup-margin:30px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:var(--iti-right-hand-selected-country-padding);margin-right:0}.iti__country-container{position:absolute;top:0;bottom:0;right:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-arrow-color)}[dir=rtl] .iti__arrow{margin-right:var(--iti-arrow-padding);margin-left:0}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-arrow-color)}.iti__dropdown-content{border-radius:3px;background-color:var(--iti-dropdown-bg)}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding:9px 12px}.iti__search-input+.iti__country-list{border-top:1px solid var(--iti-border-color)}.iti__country-list{list-style:none;padding:0;margin:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:var(--iti-flag-width)}.iti__country{display:flex;align-items:center;padding:8px var(--iti-spacer-horizontal);outline:0}.iti__dial-code{color:var(--iti-dialcode-color)}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-name,.iti__flag-box{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--allow-dropdown input.iti__tel-input[type=text]{padding-right:var(--iti-input-padding);padding-left:var(--iti-selected-country-arrow-padding);margin-left:0}[dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text]{padding-right:var(--iti-selected-country-arrow-padding);padding-left:var(--iti-input-padding);margin-right:0}.iti--allow-dropdown .iti__country-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__country-container{right:0;left:auto}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}[dir=rtl] .iti .iti__selected-dial-code{margin-left:0;margin-right:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}.iti--container:hover{cursor:pointer}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{--iti-flag-offset:0px;--iti-flag-width:20px;--iti-flag-height:14px;height:var(--iti-flag-height);width:var(--iti-flag-width);box-shadow:0 0 1px 0 #888;background-image:var(--iti-path-flags-1x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__np{--iti-flag-width:13px}.iti__ch,.iti__va{--iti-flag-width:15px}.iti__be,.iti__ne{--iti-flag-width:18px}.iti__mc{--iti-flag-width:19px}.iti__ac,.iti__ae,.iti__ai,.iti__am,.iti__as,.iti__au,.iti__az,.iti__ba,.iti__bm,.iti__bn,.iti__bs,.iti__by,.iti__ca,.iti__cc,.iti__ck,.iti__cu,.iti__cx,.iti__dg,.iti__dm,.iti__eh,.iti__er,.iti__et,.iti__fj,.iti__fk,.iti__gb,.iti__gi,.iti__gs,.iti__gw,.iti__hm,.iti__hn,.iti__hr,.iti__hu,.iti__ie,.iti__im,.iti__io,.iti__jm,.iti__jo,.iti__ki,.iti__kp,.iti__kw,.iti__ky,.iti__kz,.iti__lc,.iti__lk,.iti__lv,.iti__ly,.iti__md,.iti__me,.iti__mk,.iti__mn,.iti__mp,.iti__ms,.iti__my,.iti__nc,.iti__nf,.iti__ng,.iti__nr,.iti__nu,.iti__nz,.iti__om,.iti__ph,.iti__pn,.iti__ps,.iti__sb,.iti__sc,.iti__sd,.iti__sh,.iti__si,.iti__ss,.iti__st,.iti__su,.iti__ta,.iti__tc,.iti__tj,.iti__tk,.iti__tl,.iti__to,.iti__tv,.iti__uk,.iti__uz,.iti__vg,.iti__ws,.iti__zw{--iti-flag-height:10px}.iti__fm,.iti__gu,.iti__lr,.iti__mh,.iti__py,.iti__um,.iti__us{--iti-flag-height:11px}.iti__bd,.iti__bg,.iti__bh,.iti__bi,.iti__bz,.iti__cq,.iti__cr,.iti__cv,.iti__de,.iti__fi,.iti__gd,.iti__gy,.iti__ht,.iti__ir,.iti__je,.iti__kg,.iti__km,.iti__li,.iti__lt,.iti__lu,.iti__mx,.iti__ni,.iti__sv,.iti__tt,.iti__vu{--iti-flag-height:12px}.iti__ar,.iti__ax,.iti__ee,.iti__gt,.iti__kh,.iti__pl,.iti__pw,.iti__se,.iti__tg{--iti-flag-height:13px}.iti__al,.iti__be,.iti__bv,.iti__cd,.iti__ch,.iti__dk,.iti__fo,.iti__ga,.iti__il,.iti__is,.iti__mc,.iti__ne,.iti__no,.iti__np,.iti__pg,.iti__sj,.iti__sm,.iti__va,.iti__xk{--iti-flag-height:15px}.iti__qa{--iti-flag-height:8px}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-22px}.iti__ae{--iti-flag-offset:-44px}.iti__af{--iti-flag-offset:-66px}.iti__ag{--iti-flag-offset:-88px}.iti__ai{--iti-flag-offset:-110px}.iti__al{--iti-flag-offset:-132px}.iti__am{--iti-flag-offset:-154px}.iti__ao{--iti-flag-offset:-176px}.iti__aq{--iti-flag-offset:-198px}.iti__ar{--iti-flag-offset:-220px}.iti__as{--iti-flag-offset:-242px}.iti__at{--iti-flag-offset:-264px}.iti__au{--iti-flag-offset:-286px}.iti__aw{--iti-flag-offset:-308px}.iti__ax{--iti-flag-offset:-330px}.iti__az{--iti-flag-offset:-352px}.iti__ba{--iti-flag-offset:-374px}.iti__bb{--iti-flag-offset:-396px}.iti__bd{--iti-flag-offset:-418px}.iti__be{--iti-flag-offset:-440px}.iti__bf{--iti-flag-offset:-460px}.iti__bg{--iti-flag-offset:-482px}.iti__bh{--iti-flag-offset:-504px}.iti__bi{--iti-flag-offset:-526px}.iti__bj{--iti-flag-offset:-548px}.iti__bl{--iti-flag-offset:-570px}.iti__bm{--iti-flag-offset:-592px}.iti__bn{--iti-flag-offset:-614px}.iti__bo{--iti-flag-offset:-636px}.iti__bq{--iti-flag-offset:-658px}.iti__br{--iti-flag-offset:-680px}.iti__bs{--iti-flag-offset:-702px}.iti__bt{--iti-flag-offset:-724px}.iti__bv{--iti-flag-offset:-746px}.iti__bw{--iti-flag-offset:-768px}.iti__by{--iti-flag-offset:-790px}.iti__bz{--iti-flag-offset:-812px}.iti__ca{--iti-flag-offset:-834px}.iti__cc{--iti-flag-offset:-856px}.iti__cd{--iti-flag-offset:-878px}.iti__cf{--iti-flag-offset:-900px}.iti__cg{--iti-flag-offset:-922px}.iti__ch{--iti-flag-offset:-944px}.iti__ci{--iti-flag-offset:-961px}.iti__ck{--iti-flag-offset:-983px}.iti__cl{--iti-flag-offset:-1005px}.iti__cm{--iti-flag-offset:-1027px}.iti__cn{--iti-flag-offset:-1049px}.iti__co{--iti-flag-offset:-1071px}.iti__cp{--iti-flag-offset:-1093px}.iti__cq{--iti-flag-offset:-1115px}.iti__cr{--iti-flag-offset:-1137px}.iti__cu{--iti-flag-offset:-1159px}.iti__cv{--iti-flag-offset:-1181px}.iti__cw{--iti-flag-offset:-1203px}.iti__cx{--iti-flag-offset:-1225px}.iti__cy{--iti-flag-offset:-1247px}.iti__cz{--iti-flag-offset:-1269px}.iti__de{--iti-flag-offset:-1291px}.iti__dg{--iti-flag-offset:-1313px}.iti__dj{--iti-flag-offset:-1335px}.iti__dk{--iti-flag-offset:-1357px}.iti__dm{--iti-flag-offset:-1379px}.iti__do{--iti-flag-offset:-1401px}.iti__dz{--iti-flag-offset:-1423px}.iti__ea{--iti-flag-offset:-1445px}.iti__ec{--iti-flag-offset:-1467px}.iti__ee{--iti-flag-offset:-1489px}.iti__eg{--iti-flag-offset:-1511px}.iti__eh{--iti-flag-offset:-1533px}.iti__er{--iti-flag-offset:-1555px}.iti__es{--iti-flag-offset:-1577px}.iti__et{--iti-flag-offset:-1599px}.iti__eu{--iti-flag-offset:-1621px}.iti__ez{--iti-flag-offset:-1643px}.iti__fi{--iti-flag-offset:-1665px}.iti__fj{--iti-flag-offset:-1687px}.iti__fk{--iti-flag-offset:-1709px}.iti__fm{--iti-flag-offset:-1731px}.iti__fo{--iti-flag-offset:-1753px}.iti__fr{--iti-flag-offset:-1775px}.iti__fx{--iti-flag-offset:-1797px}.iti__ga{--iti-flag-offset:-1819px}.iti__gb{--iti-flag-offset:-1841px}.iti__gd{--iti-flag-offset:-1863px}.iti__ge{--iti-flag-offset:-1885px}.iti__gf{--iti-flag-offset:-1907px}.iti__gg{--iti-flag-offset:-1929px}.iti__gh{--iti-flag-offset:-1951px}.iti__gi{--iti-flag-offset:-1973px}.iti__gl{--iti-flag-offset:-1995px}.iti__gm{--iti-flag-offset:-2017px}.iti__gn{--iti-flag-offset:-2039px}.iti__gp{--iti-flag-offset:-2061px}.iti__gq{--iti-flag-offset:-2083px}.iti__gr{--iti-flag-offset:-2105px}.iti__gs{--iti-flag-offset:-2127px}.iti__gt{--iti-flag-offset:-2149px}.iti__gu{--iti-flag-offset:-2171px}.iti__gw{--iti-flag-offset:-2193px}.iti__gy{--iti-flag-offset:-2215px}.iti__hk{--iti-flag-offset:-2237px}.iti__hm{--iti-flag-offset:-2259px}.iti__hn{--iti-flag-offset:-2281px}.iti__hr{--iti-flag-offset:-2303px}.iti__ht{--iti-flag-offset:-2325px}.iti__hu{--iti-flag-offset:-2347px}.iti__ic{--iti-flag-offset:-2369px}.iti__id{--iti-flag-offset:-2391px}.iti__ie{--iti-flag-offset:-2413px}.iti__il{--iti-flag-offset:-2435px}.iti__im{--iti-flag-offset:-2457px}.iti__in{--iti-flag-offset:-2479px}.iti__io{--iti-flag-offset:-2501px}.iti__iq{--iti-flag-offset:-2523px}.iti__ir{--iti-flag-offset:-2545px}.iti__is{--iti-flag-offset:-2567px}.iti__it{--iti-flag-offset:-2589px}.iti__je{--iti-flag-offset:-2611px}.iti__jm{--iti-flag-offset:-2633px}.iti__jo{--iti-flag-offset:-2655px}.iti__jp{--iti-flag-offset:-2677px}.iti__ke{--iti-flag-offset:-2699px}.iti__kg{--iti-flag-offset:-2721px}.iti__kh{--iti-flag-offset:-2743px}.iti__ki{--iti-flag-offset:-2765px}.iti__km{--iti-flag-offset:-2787px}.iti__kn{--iti-flag-offset:-2809px}.iti__kp{--iti-flag-offset:-2831px}.iti__kr{--iti-flag-offset:-2853px}.iti__kw{--iti-flag-offset:-2875px}.iti__ky{--iti-flag-offset:-2897px}.iti__kz{--iti-flag-offset:-2919px}.iti__la{--iti-flag-offset:-2941px}.iti__lb{--iti-flag-offset:-2963px}.iti__lc{--iti-flag-offset:-2985px}.iti__li{--iti-flag-offset:-3007px}.iti__lk{--iti-flag-offset:-3029px}.iti__lr{--iti-flag-offset:-3051px}.iti__ls{--iti-flag-offset:-3073px}.iti__lt{--iti-flag-offset:-3095px}.iti__lu{--iti-flag-offset:-3117px}.iti__lv{--iti-flag-offset:-3139px}.iti__ly{--iti-flag-offset:-3161px}.iti__ma{--iti-flag-offset:-3183px}.iti__mc{--iti-flag-offset:-3205px}.iti__md{--iti-flag-offset:-3226px}.iti__me{--iti-flag-offset:-3248px}.iti__mf{--iti-flag-offset:-3270px}.iti__mg{--iti-flag-offset:-3292px}.iti__mh{--iti-flag-offset:-3314px}.iti__mk{--iti-flag-offset:-3336px}.iti__ml{--iti-flag-offset:-3358px}.iti__mm{--iti-flag-offset:-3380px}.iti__mn{--iti-flag-offset:-3402px}.iti__mo{--iti-flag-offset:-3424px}.iti__mp{--iti-flag-offset:-3446px}.iti__mq{--iti-flag-offset:-3468px}.iti__mr{--iti-flag-offset:-3490px}.iti__ms{--iti-flag-offset:-3512px}.iti__mt{--iti-flag-offset:-3534px}.iti__mu{--iti-flag-offset:-3556px}.iti__mv{--iti-flag-offset:-3578px}.iti__mw{--iti-flag-offset:-3600px}.iti__mx{--iti-flag-offset:-3622px}.iti__my{--iti-flag-offset:-3644px}.iti__mz{--iti-flag-offset:-3666px}.iti__na{--iti-flag-offset:-3688px}.iti__nc{--iti-flag-offset:-3710px}.iti__ne{--iti-flag-offset:-3732px}.iti__nf{--iti-flag-offset:-3752px}.iti__ng{--iti-flag-offset:-3774px}.iti__ni{--iti-flag-offset:-3796px}.iti__nl{--iti-flag-offset:-3818px}.iti__no{--iti-flag-offset:-3840px}.iti__np{--iti-flag-offset:-3862px}.iti__nr{--iti-flag-offset:-3877px}.iti__nu{--iti-flag-offset:-3899px}.iti__nz{--iti-flag-offset:-3921px}.iti__om{--iti-flag-offset:-3943px}.iti__pa{--iti-flag-offset:-3965px}.iti__pe{--iti-flag-offset:-3987px}.iti__pf{--iti-flag-offset:-4009px}.iti__pg{--iti-flag-offset:-4031px}.iti__ph{--iti-flag-offset:-4053px}.iti__pk{--iti-flag-offset:-4075px}.iti__pl{--iti-flag-offset:-4097px}.iti__pm{--iti-flag-offset:-4119px}.iti__pn{--iti-flag-offset:-4141px}.iti__pr{--iti-flag-offset:-4163px}.iti__ps{--iti-flag-offset:-4185px}.iti__pt{--iti-flag-offset:-4207px}.iti__pw{--iti-flag-offset:-4229px}.iti__py{--iti-flag-offset:-4251px}.iti__qa{--iti-flag-offset:-4273px}.iti__re{--iti-flag-offset:-4295px}.iti__ro{--iti-flag-offset:-4317px}.iti__rs{--iti-flag-offset:-4339px}.iti__ru{--iti-flag-offset:-4361px}.iti__rw{--iti-flag-offset:-4383px}.iti__sa{--iti-flag-offset:-4405px}.iti__sb{--iti-flag-offset:-4427px}.iti__sc{--iti-flag-offset:-4449px}.iti__sd{--iti-flag-offset:-4471px}.iti__se{--iti-flag-offset:-4493px}.iti__sg{--iti-flag-offset:-4515px}.iti__sh{--iti-flag-offset:-4537px}.iti__si{--iti-flag-offset:-4559px}.iti__sj{--iti-flag-offset:-4581px}.iti__sk{--iti-flag-offset:-4603px}.iti__sl{--iti-flag-offset:-4625px}.iti__sm{--iti-flag-offset:-4647px}.iti__sn{--iti-flag-offset:-4669px}.iti__so{--iti-flag-offset:-4691px}.iti__sr{--iti-flag-offset:-4713px}.iti__ss{--iti-flag-offset:-4735px}.iti__st{--iti-flag-offset:-4757px}.iti__su{--iti-flag-offset:-4779px}.iti__sv{--iti-flag-offset:-4801px}.iti__sx{--iti-flag-offset:-4823px}.iti__sy{--iti-flag-offset:-4845px}.iti__sz{--iti-flag-offset:-4867px}.iti__ta{--iti-flag-offset:-4889px}.iti__tc{--iti-flag-offset:-4911px}.iti__td{--iti-flag-offset:-4933px}.iti__tf{--iti-flag-offset:-4955px}.iti__tg{--iti-flag-offset:-4977px}.iti__th{--iti-flag-offset:-4999px}.iti__tj{--iti-flag-offset:-5021px}.iti__tk{--iti-flag-offset:-5043px}.iti__tl{--iti-flag-offset:-5065px}.iti__tm{--iti-flag-offset:-5087px}.iti__tn{--iti-flag-offset:-5109px}.iti__to{--iti-flag-offset:-5131px}.iti__tr{--iti-flag-offset:-5153px}.iti__tt{--iti-flag-offset:-5175px}.iti__tv{--iti-flag-offset:-5197px}.iti__tw{--iti-flag-offset:-5219px}.iti__tz{--iti-flag-offset:-5241px}.iti__ua{--iti-flag-offset:-5263px}.iti__ug{--iti-flag-offset:-5285px}.iti__uk{--iti-flag-offset:-5307px}.iti__um{--iti-flag-offset:-5329px}.iti__un{--iti-flag-offset:-5351px}.iti__us{--iti-flag-offset:-5373px}.iti__uy{--iti-flag-offset:-5395px}.iti__uz{--iti-flag-offset:-5417px}.iti__va{--iti-flag-offset:-5439px}.iti__vc{--iti-flag-offset:-5456px}.iti__ve{--iti-flag-offset:-5478px}.iti__vg{--iti-flag-offset:-5500px}.iti__vi{--iti-flag-offset:-5522px}.iti__vn{--iti-flag-offset:-5544px}.iti__vu{--iti-flag-offset:-5566px}.iti__wf{--iti-flag-offset:-5588px}.iti__ws{--iti-flag-offset:-5610px}.iti__xk{--iti-flag-offset:-5632px}.iti__ye{--iti-flag-offset:-5654px}.iti__yt{--iti-flag-offset:-5676px}.iti__za{--iti-flag-offset:-5698px}.iti__zm{--iti-flag-offset:-5720px}.iti__zw{--iti-flag-offset:-5742px}.iti__globe{background-image:var(--iti-path-globe-1x);background-size:contain;background-position:right;box-shadow:none;height:19px}@media (min-resolution:2x){.iti__flag{background-image:var(--iti-path-flags-2x)}.iti__globe{background-image:var(--iti-path-globe-2x)}}.wab-booking {
--wab-bg: #fdfcf9;
--wab-surface: #ffffff;
--wab-surface-alt: #f6f3ec;
--wab-text: #1f2937;
--wab-muted: #6b7280;
--wab-border: #e7e2d6;
--wab-border-strong: #d6cfbe;
--wab-primary: #2f6f3a;
--wab-primary-hover: #245629;
--wab-primary-soft: #e6f1e3;
--wab-accent: #b87333;
--wab-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.06);
--wab-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);
--wab-shadow-lg: 0 14px 30px rgba(15, 23, 42, 0.08), 0 4px 10px rgba(15, 23, 42, 0.05);
--wab-radius: 14px;
--wab-radius-sm: 10px;
--wab-radius-pill: 999px;
--wab-transition: 200ms ease; --wab-card-pad: 1.25rem;
font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif; font-size: 1.4rem;
color: var(--wab-text);
background: var(--wab-bg);
border-radius: var(--wab-radius);
padding: clamp(16px, 3vw, 32px);
max-width: 1100px;
margin: 0 auto;
line-height: 1.55;
box-sizing: border-box;
}
.wab-booking *,
.wab-booking *::before,
.wab-booking *::after {
box-sizing: border-box;
}
.wab-booking h2 {
font-size: clamp(1.85rem, 1.55rem + 1vw, 2.3rem);
font-weight: 700;
margin: 0;
color: var(--wab-text);
line-height: 1.25;
}
.wab-booking h4 {
margin: 0 0 0.75rem;
font-size: 1.4rem;
font-weight: 600;
color: var(--wab-muted);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.wab-booking p {
margin: 0;
} .wab-top-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.75rem 1.5rem;
margin-bottom: 0.75rem;
}
.wab-help-prompt {
margin: 0;
font-size: 1.25rem;
color: var(--wab-muted);
line-height: 1.4;
}
.wab-help-prompt a {
color: var(--wab-muted);
text-decoration: underline;
text-decoration-color: rgba(0, 0, 0, 0.15);
text-underline-offset: 2px;
transition: var(--wab-transition);
}
.wab-help-prompt a:hover,
.wab-help-prompt a:focus-visible {
color: var(--wab-primary);
text-decoration-color: var(--wab-primary);
outline: none;
} .wab-language-switcher {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: flex-end;
font-size: 1.4rem;
color: var(--wab-muted);
margin: 0;
}
.wab-language-switcher a,
.wab-language-switcher span {
text-decoration: none;
color: var(--wab-muted);
padding: 4px 10px;
border-radius: var(--wab-radius-pill);
transition: var(--wab-transition);
font-weight: 500;
}
.wab-language-switcher a:hover,
.wab-language-switcher a:focus-visible {
color: var(--wab-primary);
background: var(--wab-primary-soft);
outline: none;
}
.wab-language-switcher .wab-lang-active,
.wab-language-switcher .current-lang,
.wab-language-switcher .lang-item-current a {
color: var(--wab-primary);
background: var(--wab-primary-soft);
font-weight: 600;
} .wab-stepper {
list-style: none;
margin: 0 0 1.75rem;
padding: 0;
display: flex;
gap: 0.5rem;
position: relative;
}
.wab-step {
flex: 1 1 0;
min-width: 0;
}
.wab-step.is-hidden {
display: none;
}
.wab-step {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 1rem 1.25rem;
background: var(--wab-surface);
border: 1px solid var(--wab-border);
border-radius: var(--wab-radius-sm);
font-size: 1.4rem;
color: var(--wab-muted);
transition: var(--wab-transition);
position: relative;
cursor: pointer;
user-select: none;
}
.wab-step.is-locked {
cursor: not-allowed;
opacity: 0.7;
}
.wab-step.is-active {
cursor: default;
}
.wab-step:not(.is-active):not(.is-locked):hover {
border-color: var(--wab-primary);
color: var(--wab-text);
background: var(--wab-primary-soft);
}
.wab-step[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
top: calc(100% + 8px);
left: 50%;
transform: translate(-50%, -4px);
width: max-content;
max-width: 220px;
padding: 8px 10px;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
text-align: center;
white-space: normal;
color: #fff;
background: var(--wab-text, #1f1d18);
border-radius: 8px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
pointer-events: none;
opacity: 0;
transition: opacity 0.15s ease, transform 0.15s ease;
z-index: 5;
}
.wab-step[data-tooltip]:hover::after,
.wab-step[data-tooltip]:focus-visible::after {
opacity: 1;
transform: translate(-50%, 0);
}
.wab-step-num {
width: 34px;
height: 34px;
border-radius: 50%;
background: var(--wab-surface-alt);
color: var(--wab-muted);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1.5rem;
flex: 0 0 auto;
transition: var(--wab-transition);
}
.wab-step.is-active {
border-color: var(--wab-primary);
color: var(--wab-text);
box-shadow: var(--wab-shadow-sm);
}
.wab-step.is-active .wab-step-num {
background: var(--wab-primary);
color: #fff;
}
.wab-step.is-done {
color: var(--wab-text);
border-color: var(--wab-primary-soft);
background: var(--wab-primary-soft);
}
.wab-step.is-done .wab-step-num {
background: var(--wab-primary);
color: #fff;
font-size: 0;
line-height: 0;
}
.wab-step.is-done .wab-step-num::before {
content: "✓";
font-size: 1.5rem;
line-height: 1;
} .wab-screen {
display: none;
animation: wab-fade 240ms ease-out;
}
.wab-screen.is-visible {
display: block;
}
@keyframes wab-fade {
from {
opacity: 0;
transform: translateY(6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.wab-screen-header {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.5rem 1rem;
align-items: center;
margin-bottom: 1.25rem;
}
.wab-screen-header h2 {
grid-column: 1 / -1;
}
[data-screen="activity"] .wab-screen-header h2 {
grid-column: 1 / -1;
}
[data-screen="date"] .wab-screen-header h2,
[data-screen="details"] .wab-screen-header h2 {
grid-column: 2 / 3;
}
.wab-selected-activity {
grid-column: 1 / -1;
color: var(--wab-muted);
font-size: 1.4rem;
}
.wab-back {
appearance: none;
background: transparent;
border: 1px solid var(--wab-border);
border-radius: var(--wab-radius-pill);
padding: 0.7rem 1.4rem;
font-size: 1.4rem;
color: var(--wab-muted);
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: var(--wab-transition);
width: fit-content;
}
.wab-back:hover {
border-color: var(--wab-primary);
color: var(--wab-primary);
background: var(--wab-primary-soft);
} .wab-card {
background: var(--wab-surface);
border: 1px solid var(--wab-border);
border-radius: var(--wab-radius);
padding: 1.5rem 1.5rem 1.25rem;
box-shadow: var(--wab-shadow-sm);
}
.wab-card-title {
margin: 0 0 1rem;
font-size: 1.4rem;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--wab-muted);
} .wab-activities-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 1rem;
}
.wab-activity-card {
display: flex;
flex-direction: column;
background: var(--wab-surface);
border: 1px solid var(--wab-border);
border-radius: var(--wab-radius);
padding: 0;
text-align: left;
cursor: pointer;
font: inherit;
color: inherit;
box-shadow: var(--wab-shadow-sm);
transition: var(--wab-transition);
position: relative; }
.wab-activity-card-media {
position: relative;
width: 100%;
aspect-ratio: 16 / 10;
background: linear-gradient(
135deg,
var(--wab-primary-soft) 0%,
var(--wab-surface-alt) 100%
);
overflow: hidden; border-radius: var(--wab-radius) var(--wab-radius) 0 0;
display: flex;
align-items: center;
justify-content: center;
}
.wab-activity-card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 320ms ease;
}
.wab-activity-card:hover .wab-activity-card-media img,
.wab-activity-card:focus-visible .wab-activity-card-media img {
transform: scale(1.04);
}
.wab-activity-card-body {
display: flex;
flex-direction: column;
flex: 1;
padding: var(--wab-card-pad);
}
.wab-activity-card::before {
content: "";
position: absolute;
inset: 0;
border-radius: var(--wab-radius);
border: 2px solid transparent;
pointer-events: none;
transition: var(--wab-transition);
}
.wab-activity-card:hover,
.wab-activity-card:focus-visible {
box-shadow: var(--wab-shadow-lg);
outline: none;
}
.wab-activity-card:hover::before,
.wab-activity-card:focus-visible::before,
.wab-activity-card.is-selected::before {
border-color: var(--wab-primary);
}
.wab-activity-card.is-selected {
box-shadow: 0 0 0 2px var(--wab-primary), var(--wab-shadow-sm);
}
.wab-activity-card-name {
margin: 0;
padding-right: 2rem;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.25;
color: var(--wab-text);
}
.wab-activity-card-info {
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
top: var(--wab-card-pad);
right: var(--wab-card-pad);
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--wab-surface-alt);
border: 1px solid var(--wab-border);
color: var(--wab-muted);
font-size: 1.3rem;
font-weight: 700;
font-family: Georgia, serif;
font-style: italic;
cursor: help;
z-index: 2;
transition: var(--wab-transition);
}
.wab-activity-card-info:hover,
.wab-activity-card-info:focus-visible {
background: var(--wab-primary-soft);
border-color: var(--wab-primary);
color: var(--wab-primary);
outline: none;
}
.wab-activity-card-info::after {
content: attr(data-tooltip);
position: absolute;
top: calc(100% + 10px);
right: 0;
width: max-content; max-width: min(340px, calc(100vw - 32px));
padding: 10px 14px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.25rem;
line-height: 1.45;
text-align: left;
white-space: normal;
color: #fff;
background: var(--wab-text, #1f1d18);
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
pointer-events: none;
opacity: 0;
transform: translateY(-4px);
transition: opacity 0.15s ease, transform 0.15s ease;
z-index: 5;
}
.wab-activity-card-info:hover::after,
.wab-activity-card-info:focus-visible::after {
opacity: 1;
transform: translateY(0);
} .wab-activity-card-info::before {
content: "";
position: absolute;
top: calc(100% + 4px);
right: 6px;
width: 10px;
height: 10px;
background: var(--wab-text, #1f1d18);
transform: rotate(45deg) scale(0.8);
transform-origin: center;
border-radius: 2px;
pointer-events: none;
opacity: 0;
transition: opacity 0.15s ease, transform 0.15s ease;
z-index: 5;
}
.wab-activity-card-info:hover::before,
.wab-activity-card-info:focus-visible::before {
opacity: 1;
transform: rotate(45deg) scale(1);
}
.wab-activity-card-info:hover::after,
.wab-activity-card-info:focus-visible::after {
opacity: 1;
transform: translateY(0);
}
.wab-activity-card-meta {
position: absolute;
top: var(--wab-card-pad);
left: var(--wab-card-pad); right: calc(var(--wab-card-pad) + 24px + 0.6rem);
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
z-index: 2;
}
.wab-booking .wab-activity-card-notice {
margin: 0.75rem 0 0.75rem;
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1.4;
color: var(--wab-text);
}
.wab-booking .wab-activity-card-desc {
margin: 1rem 0 1.75rem;
font-size: 1.3rem;
line-height: 1.5;
color: var(--wab-muted); display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.wab-meta-chip {
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.3rem 0.7rem;
font-size: 1.25rem;
font-weight: 500;
color: var(--wab-text);
background: var(--wab-surface-alt);
border: 1px solid var(--wab-border);
border-radius: 999px;
line-height: 1.2;
}
.wab-meta-chip-icon {
font-size: 1.2rem;
line-height: 1;
}
.wab-activity-card-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: auto;
padding: 0.75rem 1rem;
background: var(--wab-surface-alt);
border: 1px solid var(--wab-border);
border-radius: var(--wab-radius-sm);
}
.wab-activity-card-price {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 0.3rem 0.4rem;
line-height: 1.15;
}
.wab-activity-card-price-label {
font-size: 1.25rem;
color: var(--wab-muted);
font-weight: 500;
}
.wab-activity-card-price strong {
font-size: 2.2rem;
color: var(--wab-text);
font-weight: 700;
letter-spacing: 0;
line-height: 1;
}
.wab-activity-card-price-suffix {
font-size: 1.25rem;
color: var(--wab-muted);
font-weight: 500;
}
.wab-activity-card-cta {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--wab-primary);
color: #fff;
font-size: 1.6rem;
font-weight: 700;
flex-shrink: 0;
box-shadow: 0 2px 6px rgba(56, 99, 60, 0.25);
transition: var(--wab-transition);
}
.wab-activity-card:hover .wab-activity-card-cta,
.wab-activity-card:focus-visible .wab-activity-card-cta {
transform: translateX(2px);
box-shadow: 0 4px 10px rgba(56, 99, 60, 0.35);
} .wab-step-date-grid {
display: grid;
grid-template-columns: 280px 1fr;
gap: 1.25rem;
align-items: start;
}
.wab-step-date-grid[hidden] {
display: none;
}
.wab-date-side {
display: grid;
gap: 1rem;
}
.wab-field-label {
display: block;
font-size: 1.4rem;
font-weight: 600;
color: var(--wab-muted);
margin-bottom: 0.6rem;
letter-spacing: 0.02em;
}
.wab-stepper-control {
display: grid;
grid-template-columns: 52px 1fr 52px;
gap: 0.6rem;
align-items: center;
}
.wab-stepper-control button {
appearance: none;
border: 1px solid var(--wab-border);
background: var(--wab-surface);
width: 52px;
height: 52px;
border-radius: var(--wab-radius-sm);
font-size: 1.75rem;
font-weight: 500;
cursor: pointer;
color: var(--wab-text);
transition: var(--wab-transition);
display: inline-flex;
align-items: center;
justify-content: center;
}
.wab-stepper-control button:hover {
border-color: var(--wab-primary);
color: var(--wab-primary);
background: var(--wab-primary-soft);
}
.wab-stepper-control input {
appearance: textfield;
-moz-appearance: textfield;
text-align: center;
font-size: 1.75rem;
font-weight: 600;
border: 1px solid var(--wab-border);
border-radius: var(--wab-radius-sm);
padding: 0.7rem 0.5rem;
background: var(--wab-surface);
color: var(--wab-text);
width: 100%;
}
.wab-stepper-control input::-webkit-outer-spin-button,
.wab-stepper-control input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.wab-participants-card.is-locked .wab-stepper-control button {
opacity: 0.35;
cursor: not-allowed;
pointer-events: none;
}
.wab-participants-card.is-locked .wab-stepper-control input {
background: var(--wab-surface-alt);
color: var(--wab-muted);
cursor: not-allowed;
} .wab-summary {
container-type: inline-size;
}
.wab-summary-title {
margin: 0 0 0.75rem;
font-size: 1.15rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--wab-muted);
}
.wab-summary-list {
display: grid;
gap: 0.85rem;
margin: 0;
}
.wab-summary-meta {
margin-top: 0.25rem;
}
.wab-summary-breakdown {
margin-top: 0.85rem;
padding-top: 0.85rem;
border-top: 1px dashed var(--wab-border);
}
.wab-summary-breakdown[hidden] {
display: none;
}
.wab-summary-totals {
margin-top: 0.85rem;
}
.wab-summary-row {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
font-size: 1.4rem;
} .wab-summary-row--clickable {
cursor: pointer;
border-radius: var(--wab-radius-sm);
margin: -0.2rem -0.4rem;
padding: 0.2rem 0.4rem;
transition: background 0.12s ease;
}
.wab-summary-row--clickable:hover,
.wab-summary-row--clickable:focus-visible {
background: var(--wab-primary-soft);
outline: none;
}
.wab-summary-row dt {
color: var(--wab-muted);
font-weight: 500;
margin: 0;
}
.wab-summary-row dd {
margin: 0;
font-weight: 600;
text-align: right;
color: var(--wab-text);
} .wab-summary-line {
font-size: 1.3rem;
}
.wab-summary-line dt {
font-weight: 400;
}
.wab-summary-line dd {
font-weight: 500;
color: var(--wab-muted);
}
.wab-summary-total-row {
margin-top: 0;
padding-top: 1.25rem;
border-top: 1px dashed var(--wab-border-strong);
font-size: 1.5rem;
} @container (max-width: 320px) {
.wab-summary-row {
flex-direction: column;
align-items: flex-start;
gap: 0.2rem;
}
.wab-summary-row dd {
text-align: left;
}
}
.wab-summary .wab-btn-primary,
.wab-summary .wab-continue,
.wab-summary .wab-continue-addons {
margin-top: 1.75rem;
}
.wab-continue[data-tooltip] {
position: relative;
pointer-events: auto;
cursor: not-allowed;
}
.wab-continue[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translate(-50%, 4px);
width: max-content;
max-width: 240px;
padding: 8px 10px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
text-align: center;
white-space: normal;
color: #fff;
background: var(--wab-text, #1f1d18);
border-radius: 8px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
pointer-events: none;
opacity: 0;
transition: opacity 0.15s ease, transform 0.15s ease;
z-index: 5;
}
.wab-continue[data-tooltip]:hover::after,
.wab-continue[data-tooltip]:focus-visible::after {
opacity: 1;
transform: translate(-50%, 0);
}
.wab-summary-total-row dd {
font-size: 1.85rem;
color: var(--wab-primary);
}
.wab-over-capacity {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.75rem 1.25rem;
margin: 0 0 1rem;
padding: 0.85rem 1rem;
background: var(--wab-surface-alt);
border: 1px solid var(--wab-primary);
border-radius: var(--wab-radius-sm);
font-size: 1.35rem;
}
.wab-over-capacity[hidden] {
display: none;
}
.wab-over-capacity-title {
margin: 0;
font-size: 1.4rem;
font-weight: 700;
color: var(--wab-text);
}
.wab-over-capacity-body {
margin: 0;
flex: 1 1 240px;
font-size: 1.35rem;
line-height: 1.45;
color: var(--wab-muted);
}
.wab-over-capacity-cta {
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.4rem 0.85rem;
background: var(--wab-primary);
color: #fff;
border-radius: var(--wab-radius-sm);
font-weight: 600;
font-size: 1.3rem;
text-decoration: none;
transition: var(--wab-transition);
white-space: nowrap;
}
.wab-over-capacity-cta:hover,
.wab-over-capacity-cta:focus-visible {
background: var(--wab-primary-hover);
color: #fff;
}
.wab-over-capacity-cta::after {
content: "→";
}
.wab-special-day-notice {
margin: 0 0 1rem;
padding: 0.85rem 1rem;
background: var(--wab-surface-alt);
border: 1px solid var(--wab-border);
border-radius: var(--wab-radius-sm);
font-size: 1.35rem;
line-height: 1.45;
color: var(--wab-text);
}
.wab-special-day-notice[hidden] {
display: none;
}
.wab-addons-list {
display: grid;
gap: 0.75rem;
margin: 0 0 1.5rem;
}
.wab-addon-item {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 0.85rem;
padding: 1rem 1.25rem;
background: var(--wab-surface);
border: 1px solid var(--wab-border);
border-radius: var(--wab-radius);
cursor: pointer;
transition: var(--wab-transition);
}
.wab-addon-item.has-image {
grid-template-columns: auto auto 1fr auto;
}
.wab-addon-media {
width: 120px;
height: 96px;
border-radius: calc(var(--wab-radius) - 4px);
overflow: hidden;
background: var(--wab-bg);
flex-shrink: 0;
}
.wab-addon-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 600px) {
.wab-addon-media {
width: 88px;
height: 72px;
}
}
.wab-addon-item:hover {
border-color: var(--wab-primary);
}
.wab-addon-item input[type="checkbox"] {
width: 18px;
height: 18px;
margin: 0;
accent-color: var(--wab-primary);
}
.wab-addon-body strong {
display: flex;
align-items: center;
gap: 6px;
font-size: 1.5rem;
color: var(--wab-text);
}
.wab-addon-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
color: var(--wab-primary);
flex-shrink: 0;
}
.wab-addon-icon svg {
width: 100%;
height: 100%;
}
.wab-addon-desc {
margin: 0.3rem 0 0;
font-size: 1.3rem;
color: var(--wab-muted);
line-height: 1.45;
}
.wab-addon-price {
font-size: 1.5rem;
font-weight: 700;
color: var(--wab-primary);
white-space: nowrap;
}
.wab-addons-empty {
margin: 0 0 1.5rem;
font-size: 1.4rem;
color: var(--wab-muted);
font-style: italic;
}
.wab-addons-empty[hidden] {
display: none;
}
.wab-step-addons-grid {
display: grid;
grid-template-columns: 1fr 320px;
gap: 1.25rem;
align-items: start;
}
.wab-addons-main {
min-width: 0;
}
.wab-addons-side {
position: sticky;
top: 1rem;
}
.wab-activity-full-desc {
margin: 0 0 1.25rem;
padding: 1.25rem 1.5rem;
background: var(--wab-surface-alt);
border: 1px solid var(--wab-border);
border-radius: var(--wab-radius);
color: var(--wab-text);
}
.wab-activity-full-desc-header {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 0.4rem 1rem;
margin-bottom: 0.75rem;
}
.wab-booking .wab-activity-full-desc-name {
margin: 0;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
color: var(--wab-text);
}
.wab-activity-full-desc-price {
font-size: 1.4rem;
font-weight: 600;
color: var(--wab-primary);
white-space: nowrap;
}
.wab-booking .wab-activity-full-desc-body {
margin: 0;
font-size: 1.4rem;
line-height: 1.55;
color: var(--wab-muted);
white-space: pre-wrap;
}
.wab-booking .wab-activity-full-desc-body[hidden] {
display: none;
} .wab-calendar-card {
padding: 1rem;
display: grid;
gap: 0.75rem;
}
.wab-calendar-card[hidden] {
display: none;
} .wab-success {
margin: 0 auto 1.5rem;
}
.wab-success-card {
max-width: 560px;
margin: 0 auto;
padding: 2.5rem 2rem 2rem;
background: var(--wab-surface);
border: 1px solid var(--wab-border);
border-radius: var(--wab-radius);
box-shadow: var(--wab-shadow-md);
text-align: center;
}
.wab-success-check {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
margin: 0 auto 1rem;
border-radius: 50%;
background: var(--wab-primary);
color: #fff;
font-size: 28px;
font-weight: 700;
box-shadow: 0 6px 16px rgba(56, 99, 60, 0.32);
animation: wab-success-pop 360ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes wab-success-pop {
0%   { transform: scale(0); opacity: 0; }
100% { transform: scale(1); opacity: 1; }
} .wab-success-notes {
margin: 1.25rem 0 0;
padding: 0.85rem 1rem;
background: #fffbe6;
border: 1px solid #f0e6a8;
border-radius: var(--wab-radius-sm);
text-align: left;
}
.wab-success-notes h2 {
margin: 0 0 0.35rem;
font-size: 1.3rem;
font-weight: 700;
color: #a06400;
}
.wab-success-notes p {
margin: 0;
white-space: pre-wrap;
line-height: 1.5;
color: var(--wab-text);
}
.wab-activity-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 10px;
margin-top: 1.25rem;
}
.wab-activity-gallery img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: var(--wab-radius-sm);
display: block;
}
.wab-activity-gallery[hidden] { display: none; }
.wab-cancelled-mark {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
margin: 0 auto 1rem;
border-radius: 50%;
background: #d63638;
color: #fff;
font-size: 32px;
font-weight: 700;
line-height: 1;
box-shadow: 0 6px 16px rgba(214, 54, 56, 0.32);
animation: wab-success-pop 360ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.wab-cancelled-retry {
display: inline-block;
margin-top: 1rem;
padding: 0.6rem 1.4rem;
background: var(--wab-primary);
color: #fff;
border-radius: 999px;
text-decoration: none;
font-weight: 600;
}
.wab-cancelled-retry:hover,
.wab-cancelled-retry:focus {
background: var(--wab-primary-dark, #2a4f2e);
color: #fff;
}
.wab-booking.wab-success .wab-success-title {
margin: 0 0 0.5rem;
font-size: 2.4rem;
font-weight: 700;
color: var(--wab-text);
}
.wab-booking.wab-success .wab-success-subtitle {
margin: 0 0 1.75rem;
color: var(--wab-muted);
font-size: 1.4rem;
}
.wab-success-list {
margin: 0 0 1.5rem;
padding: 1.25rem 1.5rem;
background: var(--wab-surface-alt);
border-radius: var(--wab-radius-sm);
text-align: left;
}
.wab-success-row {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
padding: 0.5rem 0;
font-size: 1.4rem;
border-bottom: 1px dashed var(--wab-border);
}
.wab-success-row:last-child { border-bottom: 0; }
.wab-success-row dt {
color: var(--wab-muted);
font-weight: 500;
margin: 0;
}
.wab-success-row dd {
margin: 0;
font-weight: 600;
text-align: right;
color: var(--wab-text);
}
.wab-success-addons {
margin: 0 0 1.5rem;
padding: 1.25rem 1.5rem;
background: var(--wab-surface-alt);
border-radius: var(--wab-radius-sm);
text-align: left;
}
.wab-booking.wab-success .wab-success-addons h2 {
margin: 0 0 0.6rem;
font-size: 1.15rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--wab-muted);
}
.wab-success-addons ul {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: 0.4rem;
}
.wab-success-addons li {
display: flex;
justify-content: space-between;
gap: 1rem;
font-size: 1.3rem;
color: var(--wab-text);
}
.wab-success-addons li > span:last-child {
color: var(--wab-muted);
font-weight: 500;
}
.wab-success-total {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 1rem;
margin: 0 0 1.5rem;
padding-top: 1rem;
border-top: 1px solid var(--wab-border-strong);
font-size: 1.5rem;
}
.wab-success-total > span {
color: var(--wab-muted);
font-weight: 500;
}
.wab-success-total strong {
font-size: 2rem;
color: var(--wab-primary);
}
.wab-booking.wab-success .wab-success-reference,
.wab-booking.wab-success .wab-success-email {
margin: 0.5rem 0;
font-size: 1.3rem;
color: var(--wab-muted);
}
.wab-success-policy {
margin-top: 1.25rem;
padding-top: 1.25rem;
border-top: 1px dashed var(--wab-border);
text-align: left;
font-size: 1.25rem;
color: var(--wab-muted);
}
.wab-success-policy summary {
cursor: pointer;
font-weight: 600;
color: var(--wab-text);
}
.wab-booking.wab-success .wab-success-policy p {
margin: 0.6rem 0 0;
line-height: 1.5;
} .wab-test-banner {
margin: 0 0 1.25rem;
padding: 0.85rem 1.1rem;
background: #fef3c7;
border: 1px solid #f59e0b;
border-radius: var(--wab-radius-sm);
color: #7c2d12;
font-size: 1.3rem;
line-height: 1.4;
}
.wab-test-banner strong {
margin-right: 0.5rem;
text-transform: uppercase;
letter-spacing: 0.08em;
} .wab-slot-modal {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
}
.wab-slot-modal[hidden] { display: none; }
.wab-slot-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(15, 23, 42, 0.55);
backdrop-filter: blur(2px);
cursor: pointer;
}
.wab-slot-modal-card {
position: relative;
width: min(440px, 100%);
max-height: calc(100vh - 3rem);
overflow-y: auto;
background: var(--wab-surface);
border-radius: var(--wab-radius);
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
padding: 1.5rem 1.5rem 1.75rem;
animation: wab-modal-rise 180ms ease;
}
@keyframes wab-modal-rise {
from { opacity: 0; transform: translateY(12px); }
to   { opacity: 1; transform: translateY(0); }
}
.wab-slot-modal-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 0.25rem;
}
.wab-slot-modal-head h3 {
margin: 0;
font-size: 1.7rem;
font-weight: 700;
color: var(--wab-text);
}
.wab-slot-modal-close {
appearance: none;
border: 0;
background: transparent;
font-size: 2.4rem;
line-height: 1;
color: var(--wab-muted);
cursor: pointer;
padding: 0;
width: 32px;
height: 32px;
}
.wab-slot-modal-close:hover { color: var(--wab-text); }
.wab-slot-modal-date {
margin: 0 0 1rem;
font-size: 1.3rem;
color: var(--wab-muted);
}
.wab-slot-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
gap: 0.6rem;
}
.wab-slot {
appearance: none;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.15rem;
padding: 0.7rem 0.9rem;
background: var(--wab-surface);
border: 1px solid var(--wab-border);
border-radius: var(--wab-radius-sm);
font: inherit;
color: var(--wab-text);
cursor: pointer;
transition: var(--wab-transition);
text-align: left;
}
.wab-slot:hover:not(:disabled) {
border-color: var(--wab-primary);
background: var(--wab-primary-soft);
}
.wab-slot.is-selected {
background: var(--wab-primary);
color: #fff;
border-color: var(--wab-primary);
}
.wab-slot.is-selected .wab-slot-remaining {
color: rgba(255, 255, 255, 0.85);
}
.wab-slot:disabled,
.wab-slot.is-full {
opacity: 0.55;
cursor: not-allowed;
}
.wab-slot-time {
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
}
.wab-slot-remaining {
font-size: 1.15rem;
color: var(--wab-muted);
}
.wab-flatpickr {
display: none; }
.wab-calendar-status {
font-size: 1.4rem;
color: var(--wab-muted);
margin: 0;
padding: 0 0.25rem;
line-height: 1.5;
}
.wab-calendar-status.is-error {
color: #b3261e;
} .wab-booking .flatpickr-calendar,
.wab-booking .flatpickr-calendar.inline {
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
.wab-booking .flatpickr-calendar.inline {
box-shadow: none;
border: none;
background: transparent;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding-top: 8px;
}
.wab-booking .flatpickr-calendar .flatpickr-innerContainer,
.wab-booking .flatpickr-calendar .flatpickr-rContainer,
.wab-booking .flatpickr-calendar .flatpickr-days,
.wab-booking .flatpickr-calendar .dayContainer {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
overflow: visible !important;
display: block;
}
.wab-booking .flatpickr-calendar .dayContainer {
display: grid;
}
.wab-booking .flatpickr-calendar .dayContainer {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 4px;
padding: 4px 0;
}
.wab-booking .flatpickr-calendar .flatpickr-weekdays {
margin-bottom: 4px;
}
.wab-booking .flatpickr-calendar span.flatpickr-weekday {
font-weight: 700;
font-size: 1.4rem;
color: var(--wab-muted);
text-transform: uppercase;
letter-spacing: 0.06em;
}
.wab-booking .flatpickr-calendar .flatpickr-day {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: none;
height: auto;
aspect-ratio: 1 / 1;
line-height: 1;
border-radius: 10px;
border: 1px solid transparent;
font-weight: 500;
font-size: 1.4rem;
color: var(--wab-text);
background: var(--wab-surface-alt);
transition: var(--wab-transition);
} .wab-booking .flatpickr-calendar .flatpickr-day.wab-day-special {
background: linear-gradient(135deg, var(--wab-primary-soft) 0%, var(--wab-surface-alt) 100%);
border-color: var(--wab-primary);
}
.wab-booking .flatpickr-calendar .flatpickr-day.wab-day-special.selected {
background: var(--wab-primary);
}
.wab-booking .flatpickr-calendar .flatpickr-day .wab-day-pill {
position: absolute;
top: 4px;
right: 4px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #fff;
border: 1px solid var(--wab-primary);
color: var(--wab-primary);
font-family: Georgia, serif;
font-style: italic;
font-size: 11px;
font-weight: 700;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: help;
z-index: 2;
}
.wab-booking .flatpickr-calendar .flatpickr-day.selected .wab-day-pill {
background: var(--wab-primary);
border-color: #fff;
color: #fff;
} .wab-booking .flatpickr-calendar .flatpickr-day .wab-day-pill::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 8px);
right: -4px;
width: max-content;
max-width: min(240px, calc(100vw - 32px));
padding: 8px 10px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 1.2rem;
line-height: 1.4;
text-align: left;
white-space: normal;
color: #fff;
background: var(--wab-text, #1f1d18);
border-radius: 6px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
pointer-events: none;
opacity: 0;
transform: translateY(-4px);
transition: opacity 0.15s ease, transform 0.15s ease;
z-index: 6;
}
.wab-booking .flatpickr-calendar .flatpickr-day .wab-day-pill:hover::after,
.wab-booking .flatpickr-calendar .flatpickr-day .wab-day-pill:focus::after {
opacity: 1;
transform: translateY(0);
} .wab-booking .flatpickr-calendar .flatpickr-day .wab-day-supplement-pill {
position: absolute;
bottom: 4px;
right: 4px;
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff7d6;
border: 1px solid #d4a017;
color: #6b4f0f;
font-size: 10px;
font-weight: 700;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: help;
z-index: 2;
}
.wab-booking .flatpickr-calendar .flatpickr-day .wab-day-supplement-pill.has-icon svg {
width: 12px;
height: 12px;
}
.wab-booking .flatpickr-calendar .flatpickr-day.selected .wab-day-supplement-pill {
background: #d4a017;
border-color: #fff;
color: #fff;
}
.wab-booking .flatpickr-calendar .flatpickr-day .wab-day-supplement-pill::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 8px);
right: -4px;
width: max-content;
max-width: min(260px, calc(100vw - 32px));
padding: 8px 10px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 500;
font-size: 1.2rem;
line-height: 1.4;
text-align: left;
white-space: normal;
color: #fff;
background: var(--wab-text, #1f1d18);
border-radius: 6px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
pointer-events: none;
opacity: 0;
transform: translateY(-4px);
transition: opacity 0.15s ease, transform 0.15s ease;
z-index: 6;
}
.wab-booking .flatpickr-calendar .flatpickr-day .wab-day-supplement-pill:hover::after,
.wab-booking .flatpickr-calendar .flatpickr-day .wab-day-supplement-pill:focus::after {
opacity: 1;
transform: translateY(0);
}
.wab-booking .flatpickr-calendar .flatpickr-day:hover {
background: var(--wab-primary-soft);
border-color: var(--wab-primary);
color: var(--wab-primary-hover);
}
.wab-booking .flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.wab-booking .flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
color: #9a927d;
background: transparent;
border-color: transparent;
cursor: not-allowed;
text-decoration: line-through;
opacity: 0.75;
}
.wab-booking .flatpickr-calendar .flatpickr-day.prevMonthDay,
.wab-booking .flatpickr-calendar .flatpickr-day.nextMonthDay {
visibility: hidden;
pointer-events: none;
}
.wab-booking .flatpickr-calendar .flatpickr-day.wab-has-reason {
cursor: help;
position: relative;
}
.wab-booking .flatpickr-calendar .flatpickr-day.wab-has-reason::after {
content: attr(data-wab-reason);
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translate(-50%, 4px);
background: var(--wab-text, #1f1d18);
color: #fff;
font-size: 1.2rem;
font-weight: 500;
line-height: 1.3;
white-space: normal;
width: max-content;
max-width: 220px;
padding: 8px 10px;
border-radius: 8px;
text-align: center;
text-decoration: none;
pointer-events: none;
opacity: 0;
transition: opacity 0.15s ease, transform 0.15s ease;
z-index: 5;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.wab-booking .flatpickr-calendar .flatpickr-day.wab-has-reason:hover::after,
.wab-booking .flatpickr-calendar .flatpickr-day.wab-has-reason:focus-visible::after {
opacity: 1;
transform: translate(-50%, 0);
} .wab-booking .flatpickr-calendar .dayContainer .flatpickr-day.wab-has-reason:nth-child(7n)::after,
.wab-booking .flatpickr-calendar .dayContainer .flatpickr-day.wab-has-reason:nth-child(7n-1)::after {
left: auto;
right: 0;
transform: translate(0, 4px);
}
.wab-booking .flatpickr-calendar .dayContainer .flatpickr-day.wab-has-reason:nth-child(7n):hover::after,
.wab-booking .flatpickr-calendar .dayContainer .flatpickr-day.wab-has-reason:nth-child(7n-1):hover::after,
.wab-booking .flatpickr-calendar .dayContainer .flatpickr-day.wab-has-reason:nth-child(7n):focus-visible::after,
.wab-booking .flatpickr-calendar .dayContainer .flatpickr-day.wab-has-reason:nth-child(7n-1):focus-visible::after {
transform: translate(0, 0);
} .wab-booking .flatpickr-calendar .dayContainer .flatpickr-day.wab-has-reason:nth-child(7n+1)::after,
.wab-booking .flatpickr-calendar .dayContainer .flatpickr-day.wab-has-reason:nth-child(7n+2)::after {
left: 0;
right: auto;
transform: translate(0, 4px);
}
.wab-booking .flatpickr-calendar .dayContainer .flatpickr-day.wab-has-reason:nth-child(7n+1):hover::after,
.wab-booking .flatpickr-calendar .dayContainer .flatpickr-day.wab-has-reason:nth-child(7n+2):hover::after,
.wab-booking .flatpickr-calendar .dayContainer .flatpickr-day.wab-has-reason:nth-child(7n+1):focus-visible::after,
.wab-booking .flatpickr-calendar .dayContainer .flatpickr-day.wab-has-reason:nth-child(7n+2):focus-visible::after {
transform: translate(0, 0);
}
.wab-booking .flatpickr-calendar .flatpickr-day.today {
border-color: var(--wab-accent);
color: var(--wab-accent);
font-weight: 700;
}
.wab-booking .flatpickr-calendar .flatpickr-day.selected,
.wab-booking .flatpickr-calendar .flatpickr-day.selected:hover {
background: var(--wab-primary);
border-color: var(--wab-primary);
color: #fff;
}
.wab-booking .flatpickr-calendar .flatpickr-month {
color: var(--wab-text);
height: 64px;
overflow: visible;
}
.wab-booking .flatpickr-calendar .flatpickr-current-month {
font-size: 1.6rem;
font-weight: 700;
padding-top: 14px;
height: auto;
}
.wab-booking .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
.wab-booking .flatpickr-calendar .flatpickr-current-month input.cur-year {
font-weight: 700;
font-size: 1.6rem;
line-height: 1.5;
font-family: inherit;
color: var(--wab-text);
background: transparent;
border: 1px solid transparent;
border-radius: 8px;
padding: 4px 8px;
transition: var(--wab-transition);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wab-booking .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.wab-booking .flatpickr-calendar .flatpickr-current-month input.cur-year:hover,
.wab-booking .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.wab-booking .flatpickr-calendar .flatpickr-current-month input.cur-year:focus {
background: var(--wab-primary-soft);
border-color: var(--wab-primary);
outline: none;
}
.wab-booking .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background: var(--wab-surface, #fff);
color: var(--wab-text);
font-weight: 500;
}
.wab-booking .flatpickr-calendar .numInputWrapper span.arrowUp,
.wab-booking .flatpickr-calendar .numInputWrapper span.arrowDown {
display: none;
}
.wab-booking .flatpickr-calendar .numInputWrapper:hover {
background: transparent;
}
.wab-booking .flatpickr-calendar .flatpickr-prev-month,
.wab-booking .flatpickr-calendar .flatpickr-next-month {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0 !important;
margin: 8px;
fill: var(--wab-muted);
border-radius: 50%;
transition: var(--wab-transition);
}
.wab-booking .flatpickr-calendar .flatpickr-prev-month svg,
.wab-booking .flatpickr-calendar .flatpickr-next-month svg {
width: 14px;
height: 14px;
}
.wab-booking .flatpickr-calendar .flatpickr-prev-month:hover,
.wab-booking .flatpickr-calendar .flatpickr-next-month:hover {
background: var(--wab-primary-soft);
fill: var(--wab-primary);
} .wab-form {
display: grid;
gap: 1.25rem;
}
.wab-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.wab-field {
display: grid;
gap: 0.4rem;
}
.wab-field-full {
grid-column: 1 / -1;
}
.wab-field input,
.wab-field textarea {
appearance: none;
border: 1px solid var(--wab-border);
border-radius: var(--wab-radius-sm);
padding: 0.95rem 1.1rem;
font-size: 1.4rem;
background: var(--wab-surface);
color: var(--wab-text);
transition: var(--wab-transition);
width: 100%;
font-family: inherit;
}
.wab-field textarea {
resize: vertical;
min-height: 90px;
line-height: 1.45;
}
.wab-field input:focus,
.wab-field textarea:focus {
outline: none;
border-color: var(--wab-primary);
box-shadow: 0 0 0 3px var(--wab-primary-soft);
}
.wab-field-hint {
display: block;
margin-top: 0.4rem;
font-size: 1.15rem;
color: var(--wab-muted, #6b7280);
}
.wab-field input:invalid:not(:placeholder-shown),
.wab-field input.is-invalid,
.wab-field.is-invalid input {
border-color: #d97757;
}
.wab-field input.is-invalid:focus,
.wab-field.is-invalid input:focus {
box-shadow: 0 0 0 3px rgba(217, 119, 87, 0.18);
border-color: #d97757;
}
.wab-field-error { display: block;
min-height: 1.4em;
font-size: 1.2rem;
line-height: 1.4;
color: #b85a3d;
margin: 0;
visibility: hidden;
}
.wab-field input.is-invalid ~ .wab-field-error,
.wab-field input:invalid:not(:placeholder-shown) ~ .wab-field-error,
.wab-field.is-invalid .wab-field-error {
visibility: visible;
} .wab-field .iti {
width: 100%;
}
.wab-field .iti__tel-input {
width: 100%;
}
.wab-sponsor {
display: flex;
align-items: flex-start;
gap: 0.75rem;
background: var(--wab-primary-soft);
border: 1px dashed var(--wab-primary);
padding: 1.1rem 1.25rem;
border-radius: var(--wab-radius-sm);
font-size: 1.4rem;
line-height: 1.5;
color: var(--wab-primary-hover);
cursor: pointer;
}
.wab-sponsor input {
margin-top: 0.4rem;
accent-color: var(--wab-primary);
width: 22px;
height: 22px;
}
.wab-policy {
font-size: 1.4rem;
color: var(--wab-muted);
background: var(--wab-surface-alt);
border-radius: var(--wab-radius-sm);
padding: 1.1rem 1.25rem;
border: 1px solid var(--wab-border);
line-height: 1.55;
}
.wab-policy:empty {
display: none;
}
.wab-message {
font-size: 1.4rem;
font-weight: 500;
color: var(--wab-muted);
min-height: 1.5rem;
}
.wab-message.is-error {
color: #b3261e;
}
.wab-stale-banner {
display: none;
margin: 0 0 1.25rem;
padding: 0.85rem 1rem;
background: #fff7d6;
border: 1px solid #d4a017;
border-radius: var(--wab-radius-sm);
color: #6b4f0f;
font-size: 1.35rem;
line-height: 1.45;
}
.wab-stale-banner.is-visible {
display: block;
} .wab-btn {
appearance: none;
border: 0;
font: inherit;
font-weight: 600;
font-size: 1.5rem;
padding: 1rem 1.5rem;
border-radius: var(--wab-radius-sm);
cursor: pointer;
transition: var(--wab-transition);
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
width: 100%;
text-align: center;
}
.wab-btn-primary {
background: var(--wab-primary);
color: #fff;
box-shadow: 0 4px 10px rgba(47, 111, 58, 0.18);
}
.wab-btn-primary:hover,
.wab-btn-primary:focus-visible {
background: var(--wab-primary-hover);
box-shadow: 0 6px 14px rgba(47, 111, 58, 0.25);
outline: none;
transform: translateY(-1px);
}
.wab-btn-primary[disabled] {
background: var(--wab-border-strong);
cursor: not-allowed;
box-shadow: none;
transform: none;
} .wab-empty {
text-align: center;
padding: 2rem 1rem;
color: var(--wab-muted);
background: var(--wab-surface-alt);
border-radius: var(--wab-radius);
border: 1px dashed var(--wab-border-strong);
font-size: 1.45rem;
} @media (max-width: 820px) {
.wab-step-date-grid,
.wab-step-addons-grid {
grid-template-columns: 1fr;
}
.wab-addons-side {
position: static;
}
.wab-date-side {
order: 2;
}
.wab-calendar-card {
order: 1;
}
}
@media (max-width: 640px) {
.wab-stepper {
grid-template-columns: 1fr;
gap: 0.4rem;
}
.wab-step-label {
font-size: 1.4rem;
}
.wab-form-grid {
grid-template-columns: 1fr;
}
.wab-screen-header {
grid-template-columns: 1fr;
}
[data-screen="date"] .wab-screen-header h2,
[data-screen="details"] .wab-screen-header h2 {
grid-column: 1 / -1;
}
.wab-back {
justify-self: start;
}
}