.team-booking{--team-booking-gap: var(--wp--preset--spacing--sm, 1rem);--team-booking-text: var(--wp--custom--color--text, CanvasText);--team-booking-muted: var(--wp--custom--color--muted, color-mix(in srgb, currentColor 65%, transparent));--team-booking-border: var(--wp--custom--card--border-color, var(--wp--custom--color--border, #dcdcde));--team-booking-surface: var(--wp--custom--color--background, Canvas);--team-booking-surface-alt: var(--wp--custom--color--surface, color-mix(in srgb, currentColor 4%, transparent));--team-booking-accent: var(--wp--custom--color--link, #0b5cad);--team-booking-on-accent: var(--wp--custom--color--on-link, #fff);--team-booking-tint: color-mix(in srgb, var(--team-booking-accent) 12%, transparent);--team-booking-radius: var(--wp--custom--radius--sm, .5rem);--team-booking-card-radius: var(--wp--custom--card--radius, var(--wp--custom--radius--md, .75rem));--team-booking-pad: var(--wp--custom--card--padding, 1.5rem);--team-booking-semibold: var(--wp--custom--font-weight--semibold, 600);display:grid;gap:var(--team-booking-gap);min-width:0;scroll-margin-top:calc(var(--bdx-header-height, 0px) + var(--team-booking-gap))}.team-booking :where(*,*:before,*:after){box-sizing:border-box}.team-booking.is-ready .team-booking__fallback{display:none}.team-booking__app:empty,.team-booking__fallback,.team-booking__notice,.team-booking__trigger-wrap{margin:0}.team-booking__app:empty{display:none}.team-booking__app{min-width:0;container-type:inline-size}.team-booking__icon{flex:none;width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.team-booking__step,.team-booking__when,.team-booking__form,.team-booking__contact{display:grid;align-content:start;gap:var(--team-booking-gap);min-width:0}.team-booking__title,.team-booking__subtitle,.team-booking__description,.team-booking__back,.team-booking__hint,.team-booking__period,.team-booking__loading,.team-booking__meta{margin:0}.team-booking__title{font-size:var(--wp--preset--font-size--lg, 1.5rem);line-height:var(--wp--custom--line-height--title, 1.2)}.team-booking__subtitle{font-size:var(--wp--preset--font-size--base, 1rem)}.team-booking__title:focus,.team-booking__subtitle:focus{outline:none}.team-booking__description,.team-booking__meta,.team-booking__hint,.team-booking__required{color:var(--team-booking-muted)}.team-booking__description{white-space:pre-line}.team-booking__description.is-clamped{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.team-booking__required{font-weight:400}.team-booking__link{padding:0;border:0;background:none;color:var(--team-booking-accent);font:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.team-booking__link:hover{text-decoration-thickness:2px}.team-booking__request{margin:var(--team-booking-gap) 0 0;font-size:.9375em}.team-booking__message{margin:0;padding:var(--wp--preset--spacing--xs, .75rem) var(--team-booking-gap);border-inline-start:4px solid var(--team-booking-accent);border-radius:var(--team-booking-radius);background:var(--team-booking-surface-alt)}.team-booking__message--error{border-color:var(--wp--preset--color--error, #d63638);background:color-mix(in srgb,var(--wp--preset--color--error, #d63638) 8%,transparent)}.team-booking__message:focus{outline:none}.team-booking__error{display:block;margin-block-start:var(--wp--preset--spacing--xxxs, .25rem);color:var(--wp--preset--color--error, #d63638);font-size:var(--wp--preset--font-size--sm, .875rem)}.team-booking__card{display:grid;gap:0;overflow:hidden;border:1px solid var(--team-booking-border);border-radius:var(--team-booking-card-radius);background:var(--team-booking-surface);color:var(--team-booking-text);box-shadow:var(--wp--custom--card--shadow, 0 1px 3px rgb(0 0 0 / .06))}.team-booking__card>*{min-width:0;padding:var(--team-booking-pad)}.team-booking__card>*+*{border-block-start:1px solid var(--team-booking-border)}.team-booking__info{display:grid;align-content:start;gap:var(--wp--preset--spacing--xs, .75rem);font-size:var(--wp--preset--font-size--sm, .9375rem)}.team-booking__info .team-booking__description{font-size:inherit}.team-booking__main{display:grid;align-content:start;gap:var(--team-booking-gap)}.team-booking__team{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wp--preset--spacing--xxs, .5rem) var(--wp--preset--spacing--xs, .75rem);color:var(--team-booking-muted);font-size:var(--wp--preset--font-size--sm, .875rem);font-weight:var(--team-booking-semibold)}.team-booking__avatars{display:inline-flex}.team-booking__avatar{display:inline-grid;flex:none;place-items:center;width:3rem;height:3rem;overflow:hidden;border:2px solid var(--team-booking-surface);border-radius:50%;background:var(--team-booking-tint);color:var(--team-booking-accent);font-size:1rem;font-weight:var(--team-booking-semibold);line-height:1}.team-booking__avatar+.team-booking__avatar{margin-inline-start:-.75rem}.team-booking__avatar img{display:block;width:100%;height:100%;object-fit:cover}.team-booking__facts{display:grid;gap:var(--wp--preset--spacing--xxs, .5rem);margin:var(--wp--preset--spacing--xxs, .5rem) 0 0;padding:0;list-style:none;font-weight:var(--wp--custom--font-weight--medium, 500)}.team-booking__facts li{display:flex;align-items:flex-start;gap:var(--wp--preset--spacing--xxs, .5rem);margin:0}.team-booking__facts .team-booking__icon{margin-block-start:.1em;color:var(--team-booking-muted)}.team-booking__zone-note{display:block;color:var(--team-booking-muted);font-weight:400}.team-booking__more{justify-self:start;font-size:var(--wp--preset--font-size--sm, .875rem)}.team-booking__more[hidden]{display:none}.team-booking__about{display:grid;gap:var(--wp--preset--spacing--xxxs, .25rem)}.team-booking__types{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:var(--team-booking-gap);margin:0;padding:0;list-style:none}.team-booking__type{display:grid;margin:0}.team-booking__type-link{position:relative;display:grid;align-content:start;gap:var(--wp--preset--spacing--xxs, .5rem);width:100%;padding:var(--team-booking-pad);padding-inline-end:calc(var(--team-booking-pad) + 1.5rem);border:1px solid var(--team-booking-border);border-radius:var(--team-booking-card-radius);background:var(--team-booking-surface);color:var(--team-booking-text);font:inherit;text-align:start;cursor:pointer;transition:border-color .15s,box-shadow .15s}.team-booking__type-link:hover,.team-booking__type-link:focus-visible{border-color:var(--team-booking-accent);box-shadow:0 0 0 1px var(--team-booking-accent)}.team-booking__type-link:focus-visible{outline:2px solid var(--team-booking-accent);outline-offset:2px}.team-booking__type-link .team-booking__description{display:-webkit-box;overflow:hidden;font-size:var(--wp--preset--font-size--sm, .9375rem);-webkit-box-orient:vertical;-webkit-line-clamp:3}.team-booking__type-title{font-size:var(--wp--preset--font-size--md, 1.125rem);font-weight:var(--team-booking-semibold)}.team-booking__type-facts{display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--xxxs, .25rem) var(--team-booking-gap);color:var(--team-booking-muted);font-size:var(--wp--preset--font-size--sm, .875rem)}.team-booking__type-facts>span{display:inline-flex;align-items:center;gap:.35em}.team-booking__type-arrow{position:absolute;inset-block-start:50%;inset-inline-end:var(--team-booking-pad);color:var(--team-booking-accent);transform:translateY(-50%)}.team-booking__calendar{display:grid;gap:var(--wp--preset--spacing--xs, .75rem)}.team-booking__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--wp--preset--spacing--xxs, .5rem)}.team-booking__period{font-weight:var(--team-booking-semibold)}.team-booking__arrows{display:inline-flex;gap:var(--wp--preset--spacing--xxxs, .25rem)}.team-booking__arrow{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:var(--team-booking-tint);color:var(--team-booking-accent);cursor:pointer}.team-booking__arrow:hover:not(:disabled){background:color-mix(in srgb,var(--team-booking-accent) 20%,transparent)}.team-booking__arrow:disabled{background:none;color:var(--team-booking-muted);opacity:.5;cursor:default}.team-booking__calendar--month{width:100%;max-width:30rem}.team-booking__days,.team-booking__month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--wp--preset--spacing--xxxs, .25rem)}.team-booking__weekday{color:var(--team-booking-muted);font-size:var(--wp--preset--font-size--sm, .75rem);font-weight:var(--team-booking-semibold);text-align:center;text-transform:uppercase}.team-booking__day{position:relative;display:grid;place-items:center;align-content:center;gap:.15rem;aspect-ratio:1;min-height:2.5rem;padding:0;border:0;border-radius:var(--team-booking-radius);background:var(--team-booking-tint);color:var(--team-booking-accent);font:inherit;font-weight:var(--team-booking-semibold);cursor:pointer;transition:background-color .15s,color .15s}.team-booking__day:hover:not(:disabled){background:color-mix(in srgb,var(--team-booking-accent) 22%,transparent)}.team-booking__day[aria-pressed=true],.team-booking__day[aria-pressed=true]:hover:not(:disabled){background:var(--team-booking-accent);color:var(--team-booking-on-accent)}.team-booking__day:disabled{background:none;color:var(--team-booking-muted);font-weight:400;cursor:default}.team-booking__day:focus-visible,.team-booking__arrow:focus-visible,.team-booking__slot:focus-visible{outline:2px solid var(--team-booking-accent);outline-offset:2px}.team-booking__day.is-today:after{content:"";position:absolute;inset-block-end:.3rem;width:.3rem;height:.3rem;border-radius:50%;background:currentColor}.team-booking__days .team-booking__day{aspect-ratio:auto;padding-block:var(--wp--preset--spacing--xxs, .5rem)}.team-booking__days .team-booking__weekday{color:inherit;font-weight:400}.team-booking__date{font-size:var(--wp--preset--font-size--base, 1rem)}.team-booking__times{display:grid;align-content:start;gap:var(--wp--preset--spacing--xs, .75rem);min-width:0}.team-booking__times--empty{justify-items:center;align-content:center;min-height:8rem;color:var(--team-booking-muted);text-align:center}.team-booking__times--empty .team-booking__icon{width:2rem;height:2rem}.team-booking__times--empty p{margin:0}.team-booking__slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:var(--wp--preset--spacing--xxs, .5rem);margin:0;padding:0;list-style:none}.team-booking__slots li{margin:0}.team-booking__slot{display:block;width:100%;padding:.7rem .5rem;border:1px solid color-mix(in srgb,var(--team-booking-accent) 45%,transparent);border-radius:var(--team-booking-radius);background:var(--team-booking-surface);color:var(--team-booking-accent);font:inherit;font-weight:var(--team-booking-semibold);text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.team-booking__slot:hover{border-color:var(--team-booking-accent);background:var(--team-booking-accent);color:var(--team-booking-on-accent)}.team-booking__field{display:grid;gap:var(--wp--preset--spacing--xxxs, .25rem);margin:0}.team-booking__field>label{font-weight:var(--team-booking-semibold)}.team-booking__field :where(input:not([type=checkbox],[type=radio]),select,textarea),.team-booking__field .select{width:100%;max-width:none}.team-booking .select:after{right:0;pointer-events:none}.team-booking .select select{padding-inline-end:calc(1.5rem + 2 * var(--wp--preset--spacing--xs, .75rem))}.team-booking__field--checkbox>label{display:flex;align-items:flex-start;gap:var(--wp--preset--spacing--xxs, .5rem);font-weight:400}.team-booking__field--checkbox input{flex:none;margin-block-start:.25em}.team-booking__member{display:grid;gap:var(--wp--preset--spacing--xxxs, .25rem);max-width:24rem;margin:0}.team-booking__member label{font-weight:var(--team-booking-semibold)}.team-booking__locations{min-width:0;margin:0 0 var(--team-booking-gap);padding:0;border:0}.team-booking__locations legend{margin-block-end:var(--wp--preset--spacing--xxs, .5rem);padding:0;font-weight:var(--team-booking-semibold)}.team-booking__choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:var(--wp--preset--spacing--xxs, .5rem)}.team-booking__choice{position:relative;display:flex;align-items:center;gap:.6em;min-height:2.75rem;margin:0;padding:.55em 1em;border:1px solid var(--team-booking-border);border-radius:var(--team-booking-radius);background:var(--team-booking-surface);cursor:pointer;transition:border-color .15s,box-shadow .15s}.team-booking__choice:hover{border-color:var(--team-booking-accent)}.team-booking__choice:has(input:checked){border-color:var(--team-booking-accent);box-shadow:inset 0 0 0 1px var(--team-booking-accent)}.team-booking__choice:has(input:focus-visible){outline:2px solid var(--team-booking-accent);outline-offset:2px}.team-booking .team-booking__choice input[type=radio]{position:absolute;inset:0;width:100%;min-width:0;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.team-booking__choice>.team-booking__icon{flex:none;width:1.375em;height:1.375em;color:var(--team-booking-muted)}.team-booking__choice:has(input:checked)>.team-booking__icon{color:var(--team-booking-accent)}.team-booking__choice small{display:block;color:var(--team-booking-muted)}.team-booking__guests{min-width:0;margin:0;padding:0;border:0}.team-booking__guests legend{padding:0;font-weight:var(--team-booking-semibold)}.team-booking__guests-note{margin:.25em 0 .5em;color:var(--team-booking-muted);font-size:var(--wp--preset--font-size--sm, .875rem)}.team-booking__guest-list{display:grid;gap:var(--wp--preset--spacing--xxs, .5rem)}.team-booking__guest{display:flex;align-items:center;gap:var(--wp--preset--spacing--xxs, .5rem);margin:0}.team-booking__guest input{flex:1;min-width:0}.team-booking__guests>p:last-child{margin-block:.5em 0}.team-booking__hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.team-booking__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--wp--preset--spacing--xs, .75rem) var(--team-booking-gap);margin:0}:where(.team-booking__field) :where(input:not([type=checkbox],[type=radio]),select,textarea){padding:.65em .8em;border:1px solid var(--team-booking-border);border-radius:var(--team-booking-radius);background:var(--team-booking-surface);color:inherit;font:inherit}:where(.team-booking) :where(.btn){display:inline-flex;align-items:center;justify-content:center;padding:.75em 1.5em;border:1px solid var(--team-booking-accent);border-radius:var(--team-booking-radius);background:var(--team-booking-surface);color:var(--team-booking-accent);font:inherit;font-weight:var(--team-booking-semibold);cursor:pointer}:where(.team-booking) :where(.btn--primary){background:var(--team-booking-accent);color:var(--team-booking-on-accent)}.team-booking__card--done{justify-items:center;padding:var(--team-booking-pad);text-align:center}.team-booking__card.team-booking__card--done{gap:var(--team-booking-gap)}.team-booking__card--done>*,.team-booking__card--done>*+*{padding:0;border:0}.team-booking__card--done>.team-booking__done-icon{padding:0}.team-booking__done-icon{display:inline-grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--team-booking-accent);color:var(--team-booking-on-accent)}.team-booking__done-icon .team-booking__icon{width:1.75rem;height:1.75rem;stroke-width:2.5}.team-booking__summary{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--wp--preset--spacing--xxs, .5rem) var(--team-booking-gap);margin:0;text-align:start}.team-booking__summary dt{color:var(--team-booking-muted);font-weight:var(--team-booking-semibold)}.team-booking__summary dd{margin:0}@container (min-width: 40rem){.team-booking__card:not(.team-booking__card--done){grid-template-columns:minmax(13rem,1fr) minmax(20rem,2fr)}.team-booking__card:not(.team-booking__card--done)>*+*{border-block-start:0;border-inline-start:1px solid var(--team-booking-border)}.team-booking__card--month>.team-booking__side{grid-column:2;border-block-start:1px solid var(--team-booking-border)}.team-booking__card--month:not(.has-day)>.team-booking__side{display:none}}@container (min-width: 60rem){.team-booking__card:not(.team-booking__card--done){grid-template-columns:minmax(14rem,1fr) minmax(0,2.5fr)}.team-booking__card.team-booking__card--month{grid-template-columns:minmax(14rem,1fr) minmax(22rem,1.6fr) minmax(12rem,.9fr)}.team-booking__card--month .team-booking__calendar--month{max-width:36rem}.team-booking__card--month>.team-booking__side,.team-booking__card--month:not(.has-day)>.team-booking__side{display:block;grid-column:auto;contain:size;overflow-y:auto;border-block-start:0;scrollbar-width:thin}.team-booking__card--month .team-booking__slots{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}}@container (max-width: 39.99rem){.team-booking__card{--team-booking-pad: var(--wp--preset--spacing--sm, 1rem)}.team-booking__card--month:not(.has-day)>.team-booking__side{display:none}.team-booking__avatar{width:2.5rem;height:2.5rem}.team-booking__title{font-size:var(--wp--preset--font-size--md, 1.25rem)}}.team-booking--page fieldset{min-width:0;margin:0;padding:0;border:0}.team-booking__legend{margin-block-end:var(--wp--preset--spacing--xxs, .5rem);padding:0;font-size:var(--wp--preset--font-size--md, 1.125rem);font-weight:var(--wp--custom--font-weight--semibold, 600)}.team-booking__day legend{margin-block-end:var(--wp--preset--spacing--xxs, .5rem);font-weight:var(--wp--custom--font-weight--semibold, 600)}.team-booking--page .team-booking__day{display:block;place-items:normal;aspect-ratio:auto;min-height:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font-weight:400;cursor:auto}.team-booking--page .team-booking__day:hover{background:none}.team-booking--page .team-booking__day:after{content:none}.team-booking--page .team-booking__day+.team-booking__day{margin-block-start:var(--team-booking-gap)}.team-booking--page .team-booking__slot input{margin:0}.team-booking--page .team-booking__slots{width:100%;margin-block-end:var(--team-booking-gap)}.team-booking--page .team-booking__slot{display:flex;align-items:center;justify-content:center;gap:var(--wp--preset--spacing--xxxs, .25rem)}.team-booking--page .team-booking__slot:has(input:checked){background-color:var(--team-booking-accent);color:var(--team-booking-on-accent)}.team-booking--page .team-booking__slot:has(input:focus-visible){outline:2px solid var(--team-booking-accent);outline-offset:2px}.team-booking__weeknav,.team-booking__members{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wp--preset--spacing--xs, .75rem)}.team-booking__week{font-weight:var(--wp--custom--font-weight--semibold, 600)}dialog.modal.team-booking__dialog:not(.team-booking__dialog--standalone){background-color:#000000e6}dialog.team-booking__dialog:not(.team-booking__dialog--standalone) .modal__content{box-shadow:0 0 35px 3px #00000054}.team-booking__dialog .team-booking__card{border:0;border-radius:0;box-shadow:none}.team-booking__dialog .team-booking__card>*{padding-inline:0}@container (min-width: 40rem){.team-booking__dialog .team-booking__card>*{padding-inline:var(--team-booking-pad)}.team-booking__dialog .team-booking__card>:first-child{padding-inline-start:0}.team-booking__dialog .team-booking__card>:last-child{padding-inline-end:0}}.team-booking__dialog .modal__content{color:var(--wp--custom--color--text, CanvasText)}.team-booking__dialog-body{display:grid;align-content:start;gap:var(--team-booking-gap, 1rem);padding:var(--wp--custom--layout--gutter, 1.5rem)}.team-booking__dialog-title{margin:0;padding-inline-end:3.5rem;color:var(--team-booking-muted, inherit);font-size:var(--wp--preset--font-size--sm, .875rem);font-weight:var(--wp--custom--font-weight--semibold, 600);text-transform:uppercase;letter-spacing:.04em}@media (width < 576px){dialog.modal:not(.team-booking__dialog--standalone).team-booking__dialog--modal .modal__dialog{min-height:100%;margin:0}dialog.modal:not(.team-booking__dialog--standalone).team-booking__dialog--modal .modal__content{min-height:100dvh;border-radius:0}}@media (width < 768px){dialog.modal:not(.team-booking__dialog--standalone).team-booking__dialog--panel .modal__dialog{align-items:flex-end;max-width:none;margin:0;transform:translateY(100%)}dialog.modal:not(.team-booking__dialog--standalone).team-booking__dialog--panel.is-open .modal__dialog{transform:none}dialog.modal:not(.team-booking__dialog--standalone).team-booking__dialog--panel .modal__content{height:auto;max-height:90dvh;border-start-start-radius:var(--team-booking-radius);border-start-end-radius:var(--team-booking-radius)}}dialog.team-booking__dialog--standalone{box-sizing:border-box;box-shadow:0 0 35px 3px #00000054;width:min(100% - 2rem,64rem);max-width:none;max-height:calc(100dvh - 2rem);padding:0;border:0;border-radius:var(--team-booking-radius);overflow:auto;overscroll-behavior:contain;background:var(--team-booking-surface, Canvas);color:var(--team-booking-text, CanvasText);opacity:0;transform:translateY(.75rem);transition:opacity .2s ease-out,transform .3s ease-out,overlay .3s ease-out allow-discrete,display .3s ease-out allow-discrete}dialog.team-booking__dialog--standalone[open]{display:block;opacity:1;transform:none}dialog.team-booking__dialog--standalone.team-booking__dialog--modal{height:fit-content}dialog.team-booking__dialog--standalone::backdrop{background:#0000;transition:background-color .3s ease-out,overlay .3s ease-out allow-discrete,display .3s ease-out allow-discrete}dialog.team-booking__dialog--standalone[open]::backdrop{background:#000000e6}@starting-style{dialog.team-booking__dialog--standalone[open]{opacity:0;transform:translateY(.75rem)}dialog.team-booking__dialog--standalone[open]::backdrop{background:#0000}}dialog.team-booking__dialog--standalone .modal__content{position:relative}dialog.team-booking__dialog--standalone .modal__close{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;cursor:pointer}dialog.team-booking__dialog--panel.team-booking__dialog--standalone{inset:0 0 0 auto;width:min(100%,40rem);height:100dvh;max-height:none;margin:0;border-radius:0;opacity:1;transform:translate(100%)}dialog.team-booking__dialog--panel.team-booking__dialog--standalone[open]{transform:none}@starting-style{dialog.team-booking__dialog--panel.team-booking__dialog--standalone[open]{opacity:1;transform:translate(100%)}}@media (width < 576px){dialog.team-booking__dialog--modal.team-booking__dialog--standalone{width:100%;height:100dvh;max-height:none;margin:0;border-radius:0}}@media (width < 768px){dialog.team-booking__dialog--panel.team-booking__dialog--standalone{inset:auto 0 0;width:100%;height:auto;max-height:90dvh;border-start-start-radius:var(--team-booking-radius);border-start-end-radius:var(--team-booking-radius);transform:translateY(100%)}dialog.team-booking__dialog--panel.team-booking__dialog--standalone[open]{transform:none}@starting-style{dialog.team-booking__dialog--panel.team-booking__dialog--standalone[open]{transform:translateY(100%)}}}@media (prefers-reduced-motion: reduce){dialog.team-booking__dialog--standalone,dialog.team-booking__dialog--standalone::backdrop{transition:none}}@media (forced-colors: active){.team-booking__day[aria-pressed=true],.team-booking__slot:hover{border-width:3px}}.team-booking-type-page .team-booking__fallback{display:none}.team-booking__app[aria-busy=true] button:not([type=submit]),.team-booking__app[aria-busy=true] select{pointer-events:none;opacity:.6}.team-booking__calendar-links{line-height:1.8}
/*
 * Website Check block — frontend, editor preview and admin result preview.
 *
 * Open, borderless layout that fills its container (supports wide/full).
 * Surfaces and tracks are tinted from currentColor, so the block adapts to
 * light and dark themes. Text always inherits the theme color; the status
 * colors are only used for graphics (gauge, bars, dots) — the status is
 * always spelled out as text as well (WCAG 1.4.1).
 * --wc-brand is set inline from the plugin settings (≥ 4.5:1 against white).
 *
 * Form controls and buttons are NOT styled here: inputs use the theme's
 * styles, buttons the theme classes btn / btn--primary / btn--secondary.
 * Only layout (widths, spacing, grids) is set for them.
 */
@property --wc-progress {
  syntax: "<number>";
  inherits: true; /* The gauge ring (::before) reads the animated value from its element. */
  initial-value: 0;
}

.wp-block-braindinx-website-check {
  --wc-brand-color: var(--wc-brand, #1e1e1e);
  --wc-good: #1b6e20;
  --wc-ok: #8a5300;
  --wc-bad: #b3261e;
  --wc-surface: rgba(127, 127, 127, 0.08);
  --wc-surface: color-mix(in srgb, currentColor 5%, transparent);
  --wc-track: rgba(127, 127, 127, 0.2);
  --wc-track: color-mix(in srgb, currentColor 14%, transparent);
  --wc-line: rgba(127, 127, 127, 0.45);
  --wc-line: color-mix(in srgb, currentColor 45%, transparent);
  --wc-radius: 16px;
  --wc-gap: clamp(16px, 3cqi, 32px);
  container-type: inline-size;
  font-family: inherit;
}

.wp-block-braindinx-website-check *,
.wp-block-braindinx-website-check *::before,
.wp-block-braindinx-website-check *::after {
  box-sizing: border-box;
}

.wp-block-braindinx-website-check [hidden] {
  display: none !important;
}

.wp-block-braindinx-website-check > * + * {
  margin-block-start: var(--wc-gap);
}

.wp-block-braindinx-website-check .wc-heading {
  margin: 0;
  font-size: clamp(1.6rem, 4cqi, 2.4rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
}

.wp-block-braindinx-website-check .wc-intro {
  margin-block-start: 8px;
  max-width: 60ch;
  font-size: 1.05rem;
  opacity: 0.85;
}

/* URL search bar -------------------------------------------------------- */

.wp-block-braindinx-website-check .wc-label,
.wp-block-braindinx-website-check .wc-field label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 0.95rem;
}

.wp-block-braindinx-website-check .wc-url-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.wp-block-braindinx-website-check .wc-url-row input {
  flex: 1 1 260px;
  min-width: 0;
}

/* Layout only: fields fill their column. Look comes from the theme. */
.wp-block-braindinx-website-check .wc-field :is(input, select, textarea) {
  width: 100%;
  max-width: 100%;
}

.wp-block-braindinx-website-check .wc-error {
  margin: 6px 0 0;
  font-size: 0.9rem;
  font-weight: 600;
}

.wp-block-braindinx-website-check .wc-error:not(:empty)::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-inline-end: 8px;
  border-radius: 50%;
  background: var(--wc-bad);
  vertical-align: middle;
}

.wp-block-braindinx-website-check .wc-error:empty {
  display: none;
}

.wp-block-braindinx-website-check .wc-honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Visible focus for the programmatic focus targets (WCAG 2.4.7); controls use the theme's focus style. */
.wp-block-braindinx-website-check .wc-teaser:focus-visible,
.wp-block-braindinx-website-check .wc-email-intro:focus-visible,
.wp-block-braindinx-website-check .wc-message:focus-visible {
  outline: 3px solid var(--wc-brand-color);
  outline-offset: 3px;
}

.wp-block-braindinx-website-check .wc-teaser:focus:not(:focus-visible),
.wp-block-braindinx-website-check .wc-email-intro:focus:not(:focus-visible),
.wp-block-braindinx-website-check .wc-message:focus:not(:focus-visible) {
  outline: none;
}

/* Check progress (step by step) -------------------------------------- */

.wp-block-braindinx-website-check .wc-progress-title {
  margin: 0 0 12px;
  font-family: inherit;
  line-height: 1.4;
  color: inherit;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.8;
}

.wp-block-braindinx-website-check .wc-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wp-block-braindinx-website-check .wc-step {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "icon label" "icon state" ". fact";
  align-items: center;
  column-gap: 14px;
  margin: 0;
  padding: 16px 18px;
  border-radius: var(--wc-radius);
  background: var(--wc-surface);
}

.wp-block-braindinx-website-check .wc-step.is-pending {
  opacity: 0.65;
}

.wp-block-braindinx-website-check .wc-step.is-active {
  box-shadow: inset 0 0 0 2px var(--wc-brand-color);
}

.wp-block-braindinx-website-check .wc-step-label {
  grid-area: label;
  font-weight: 700;
}

.wp-block-braindinx-website-check .wc-step-state {
  grid-area: state;
  font-size: 0.875rem;
}

.wp-block-braindinx-website-check .wc-step-fact {
  grid-area: fact;
  margin-top: 4px;
  font-size: 0.8rem;
  opacity: 0.85;
}

.wp-block-braindinx-website-check .wc-step-fact[hidden] {
  display: none;
}

.wp-block-braindinx-website-check .wc-step-icon {
  grid-area: icon;
  position: relative;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 3px solid var(--wc-line);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}

.wp-block-braindinx-website-check .wc-step.is-active .wc-step-icon {
  border-color: var(--wc-track);
  border-top-color: var(--wc-brand-color);
}

.wp-block-braindinx-website-check .wc-step.is-done .wc-step-icon {
  border-color: var(--wc-tone, var(--wc-good));
  background: var(--wc-tone, var(--wc-good));
}

.wp-block-braindinx-website-check .wc-step.is-done .wc-step-icon::before {
  content: "✓";
  content: "✓" / "";
}

/* Icon matches the result: ✓ good, ! needs work, ✕ critical (status is also in the text). */
.wp-block-braindinx-website-check .wc-step.is-done.wc-tone-ok .wc-step-icon::before {
  content: "!";
  content: "!" / "";
}

.wp-block-braindinx-website-check .wc-step.is-done.wc-tone-bad .wc-step-icon::before {
  content: "✕";
  content: "✕" / "";
}

/* Step without data after the check: full opacity (contrast), neutral dash. */
.wp-block-braindinx-website-check .wc-step.is-skipped .wc-step-icon::before {
  content: "–";
  content: "–" / "";
  color: inherit;
}

/* Finished steps inside the result. */
.wp-block-braindinx-website-check .wc-teaser .wc-progress {
  margin: 0;
}

.wp-block-braindinx-website-check .wc-step.is-failed .wc-step-icon {
  border-color: var(--wc-bad);
  background: var(--wc-bad);
}

.wp-block-braindinx-website-check .wc-step.is-failed .wc-step-icon::before {
  content: "×";
  content: "×" / "";
}

/* Result ---------------------------------------------------------------- */

.wp-block-braindinx-website-check .wc-teaser-title {
  margin: 0 0 16px;
  line-height: 1.2;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.8;
  overflow-wrap: anywhere;
}

.wp-block-braindinx-website-check .wc-teaser-body {
  display: grid;
  gap: var(--wc-gap);
}

.wp-block-braindinx-website-check .wc-result-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 28px;
}

.wp-block-braindinx-website-check .wc-tone-good { --wc-tone: var(--wc-good); }
.wp-block-braindinx-website-check .wc-tone-ok { --wc-tone: var(--wc-ok); }
.wp-block-braindinx-website-check .wc-tone-bad { --wc-tone: var(--wc-bad); }

/* Score gauge: ring drawn with a masked conic-gradient → no dependency on the page background. */
.wp-block-braindinx-website-check .wc-gauge {
  --wc-progress: var(--wc-score, 0);
  position: relative;
  display: grid;
  place-content: center;
  grid-auto-flow: column;
  align-items: baseline;
  flex: 0 0 auto;
  width: 132px;
  aspect-ratio: 1;
  border-radius: 50%;
}

.wp-block-braindinx-website-check .wc-gauge::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(var(--wc-tone, currentColor) calc(var(--wc-progress) * 1%), var(--wc-track) 0);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 12px), #000 calc(100% - 11px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 12px), #000 calc(100% - 11px));
}

.wp-block-braindinx-website-check .wc-gauge-value {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.wp-block-braindinx-website-check .wc-gauge-max {
  font-size: 0.95rem;
  font-weight: 600;
  opacity: 0.7;
}

.wp-block-braindinx-website-check .wc-result-text {
  flex: 1 1 280px;
}

.wp-block-braindinx-website-check .wc-result-label {
  margin: 0 0 6px;
  font-weight: 700;
  font-size: 1.15rem;
}

.wp-block-braindinx-website-check .wc-summary {
  margin: 0;
  max-width: 60ch;
}

/* Findings */
.wp-block-braindinx-website-check .wc-issues-title {
  margin: 0 0 10px;
  font-size: 1.05rem;
}

.wp-block-braindinx-website-check .wc-issues-list {
  display: grid;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wp-block-braindinx-website-check .wc-issue {
  position: relative;
  margin: 0;
  padding: 12px 16px 12px 36px;
  border-radius: 12px;
  background: var(--wc-surface);
  font-size: 0.95rem;
}

.wp-block-braindinx-website-check .wc-issue::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 1.15em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--wc-tone, currentColor);
}

.wp-block-braindinx-website-check .wc-issues-more {
  margin: 10px 0 0;
  font-weight: 600;
}

/* Lead form panel ------------------------------------------------------- */

.wp-block-braindinx-website-check .wc-email-form {
  padding: clamp(20px, 4cqi, 40px);
  border-radius: calc(var(--wc-radius) + 8px);
  background: var(--wc-surface);
}

.wp-block-braindinx-website-check .wc-email-intro {
  margin: 0 0 4px;
  font-size: clamp(1.2rem, 3cqi, 1.5rem);
  line-height: 1.25;
}

.wp-block-braindinx-website-check .wc-required-note,
.wp-block-braindinx-website-check .wc-privacy {
  margin: 0 0 16px;
  font-size: 0.875rem;
  opacity: 0.85;
}

.wp-block-braindinx-website-check .wc-privacy a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.wp-block-braindinx-website-check .wc-fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 16px;
  margin-bottom: 8px;
}

.wp-block-braindinx-website-check .wc-required {
  margin-inline-start: 2px;
}

.wp-block-braindinx-website-check .wc-check {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 14px 0;
  font-size: 0.95rem;
}

.wp-block-braindinx-website-check .wc-check input {
  /* Fixed box: generic theme rules (e.g. input { width: 100% }) would stretch it in the flex row. */
  flex: 0 0 24px;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  margin: 0;
}

.wp-block-braindinx-website-check .wc-check label {
  cursor: pointer;
}

.wp-block-braindinx-website-check .wc-email-form .wc-submit {
  margin-top: 8px;
}

.wp-block-braindinx-website-check .wc-url-row .btn {
  flex: 0 0 auto;
}

/* Next steps after the result: book a call / report or offer ------------ */

.wp-block-braindinx-website-check .wc-next-title {
  margin: 0 0 16px;
}

.wp-block-braindinx-website-check .wc-choices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 16px;
}

.wp-block-braindinx-website-check .wc-choice {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: clamp(18px, 3cqi, 28px);
  border-radius: var(--wc-radius);
  background: var(--wc-surface);
}

.wp-block-braindinx-website-check .wc-choice-text {
  flex: 1 1 auto;
  margin: -6px 0 0;
}

.wp-block-braindinx-website-check .wc-choice-title {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.3;
}

/* CTA banner ------------------------------------------------------------ */

.wp-block-braindinx-website-check .wc-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  padding: clamp(20px, 4cqi, 36px);
  border-radius: calc(var(--wc-radius) + 8px);
  background: var(--wc-surface);
}

.wp-block-braindinx-website-check .wc-cta-intro {
  flex: 1 1 280px;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
}

/* Status message -------------------------------------------------------- */

.wp-block-braindinx-website-check .wc-message {
  font-size: 0.95rem;
}

.wp-block-braindinx-website-check .wc-message:empty {
  display: none;
}

.wp-block-braindinx-website-check .wc-message-error {
  font-weight: 600;
}

.wp-block-braindinx-website-check .wc-message-error::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-inline-end: 8px;
  border-radius: 50%;
  background: var(--wc-bad);
  vertical-align: middle;
}

.wp-block-braindinx-website-check .wc-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Narrow containers: full-width buttons */
@container (max-width: 480px) {
  .wp-block-braindinx-website-check .btn {
    width: 100%;
  }
}

/* Motion only when the user hasn't asked to reduce it (WCAG 2.3.3). */
@media (prefers-reduced-motion: no-preference) {
  .wp-block-braindinx-website-check .wc-gauge {
    animation: wc-fill 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) both;
  }

  .wp-block-braindinx-website-check .wc-teaser:not([hidden]) .wc-teaser-body > * {
    animation: wc-rise 0.4s ease-out both;
  }

  .wp-block-braindinx-website-check .wc-teaser-body > :nth-child(2) { animation-delay: 0.08s; }
  .wp-block-braindinx-website-check .wc-teaser-body > :nth-child(3) { animation-delay: 0.16s; }

  .wp-block-braindinx-website-check .wc-step.is-active .wc-step-icon {
    animation: wc-spin 0.8s linear infinite;
  }

  .wp-block-braindinx-website-check .wc-step.is-done .wc-step-icon {
    animation: wc-pop 0.3s ease-out both;
  }
}

@keyframes wc-fill {
  from { --wc-progress: 0; }
}

@keyframes wc-rise {
  from { opacity: 0; transform: translateY(8px); }
}

@keyframes wc-pop {
  from { transform: scale(0.6); }
}

@keyframes wc-spin {
  to { transform: rotate(360deg); }
}

@media (forced-colors: active) {
  .wp-block-braindinx-website-check .wc-issue,
  .wp-block-braindinx-website-check .wc-choice,
  .wp-block-braindinx-website-check .wc-email-form {
    border: 1px solid CanvasText;
  }

  .wp-block-braindinx-website-check .wc-gauge::before {
    forced-color-adjust: none;
  }
}