.wp-block-cover,.wp-block-cover-image{align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;overflow:hidden;overflow:clip;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{background-color:initial}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{color:inherit;position:relative;width:100%}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0}.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@supports (-webkit-touch-callout:inherit){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;margin-bottom:0;max-width:840px;padding:.44em;text-align:center;z-index:1}:where(.wp-block-cover-image:not(.has-text-color)),:where(.wp-block-cover:not(.has-text-color)){color:#fff}:where(.wp-block-cover-image.is-light:not(.has-text-color)),:where(.wp-block-cover.is-light:not(.has-text-color)){color:#000}:root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover h4:not(.has-text-color)),:root :where(.wp-block-cover h5:not(.has-text-color)),:root :where(.wp-block-cover h6:not(.has-text-color)),:root :where(.wp-block-cover p:not(.has-text-color)){color:inherit}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__image-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__video-background{z-index:0}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__gradient-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient):before{z-index:1}.has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container{z-index:auto}:root { --appointly-primary: #0284C7;
--appointly-primary-light: rgba(2, 132, 199, 0.1);
--appointly-primary-hover: rgba(2, 132, 199, 0.15);
--appointly-accent: #059669;
--appointly-accent-light: rgba(5, 150, 105, 0.1);
--appointly-warning: #F59E0B;
--appointly-warning-light: rgba(245, 158, 11, 0.15);
--appointly-danger: #DC2626;
--appointly-danger-light: rgba(220, 38, 38, 0.1);
--appointly-bg: #F8FAFC;
--appointly-card-bg: #FFFFFF;
--appointly-text: #0F172A;
--appointly-text-muted: #64748B;
--appointly-border: #E2E8F0;
--appointly-radius: 8px;
--appointly-radius-lg: 12px;
--appointly-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
--appointly-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);
--appointly-font: inherit;
--appointly-transition: 200ms ease; --appointly-sp-xs: 4px;
--appointly-sp-sm: 8px;
--appointly-sp-md: 16px;
--appointly-sp-lg: 24px;
--appointly-sp-xl: 32px;
--appointly-sp-2xl: 48px;
}  @media (prefers-color-scheme: dark) {
.appointly-calendar:not([data-appointly-theme="light"]) {
--appointly-bg: #0F172A;
--appointly-card-bg: #1E293B;
--appointly-text: #F0F4F8;
--appointly-text-muted: #94A3B8;
--appointly-border: #334155;
--appointly-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
--appointly-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.4);
--appointly-primary-light: rgba(2, 132, 199, 0.2);
--appointly-accent-light: rgba(5, 150, 105, 0.2);
--appointly-warning-light: rgba(245, 158, 11, 0.25);
--appointly-danger-light: rgba(220, 38, 38, 0.2);
}
} .appointly-calendar[data-appointly-theme="dark"] {
--appointly-bg: #0F172A;
--appointly-card-bg: #1E293B;
--appointly-text: #F0F4F8;
--appointly-text-muted: #94A3B8;
--appointly-border: #334155;
--appointly-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
--appointly-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.4);
--appointly-primary-light: rgba(2, 132, 199, 0.2);
--appointly-accent-light: rgba(5, 150, 105, 0.2);
--appointly-warning-light: rgba(245, 158, 11, 0.25);
--appointly-danger-light: rgba(220, 38, 38, 0.2);
} .appointly-calendar {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: var(--appointly-sp-2xl);
font-family: var(--appointly-font);
color: var(--appointly-text);
box-sizing: border-box;
max-width: 100%;
}
.appointly-calendar *,
.appointly-calendar *::before,
.appointly-calendar *::after {
box-sizing: border-box;
}
@media (max-width: 900px) {
.appointly-calendar {
grid-template-columns: 1fr;
}
}  .appointly-cal {
background: var(--appointly-card-bg);
border-radius: var(--appointly-radius-lg);
padding: var(--appointly-sp-lg);
box-shadow: var(--appointly-shadow);
min-width: 0;
overflow: hidden;
} .appointly-cal__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: var(--appointly-sp-md);
}
.appointly-cal__title {
font-size: 1.25rem;
font-weight: 600;
color: var(--appointly-text);
}
.appointly-cal__nav {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
background: transparent;
border: 1px solid var(--appointly-border);
color: var(--appointly-text);
font-size: 1rem;
transition: background var(--appointly-transition), border-color var(--appointly-transition);
}
.appointly-cal__nav:hover {
background: var(--appointly-primary-light);
border-color: var(--appointly-primary);
} .appointly-cal__weekdays {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 2px;
text-align: center;
font-size: 0.8rem;
font-weight: 600;
color: var(--appointly-text-muted);
text-transform: uppercase;
padding: var(--appointly-sp-sm) 0;
} .appointly-cal__grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 4px;
padding: 4px;
} .appointly-cal__day {
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--appointly-radius);
font-size: 0.9rem;
font-weight: 500;
transition: all var(--appointly-transition);
cursor: default;
position: relative;
border: 2px solid transparent;
} .appointly-cal__day--empty {
visibility: hidden;
} .appointly-cal__day--past {
opacity: 0.35;
color: var(--appointly-text-muted);
} .appointly-cal__day--too-soon {
opacity: 0.5;
color: var(--appointly-text-muted);
} .appointly-cal__day--today {
border-color: var(--appointly-primary);
font-weight: 700;
} .appointly-cal__day--free {
background: var(--appointly-accent-light);
color: var(--appointly-accent);
cursor: pointer;
}
.appointly-cal__day--free:hover {
background: var(--appointly-accent);
color: white;
transform: scale(1.08);
box-shadow: var(--appointly-shadow);
}
.appointly-cal__day--free.is-selected {
background: var(--appointly-primary);
color: white;
transform: scale(1.08);
box-shadow: var(--appointly-shadow-lg);
} .appointly-cal__day--pending {
background: var(--appointly-warning-light);
color: #B45309;
cursor: pointer;
}
.appointly-cal__day--pending:hover {
background: var(--appointly-warning);
color: white;
transform: scale(1.08);
box-shadow: var(--appointly-shadow);
}
.appointly-cal__day--pending.is-selected {
background: var(--appointly-primary);
color: white;
transform: scale(1.08);
box-shadow: var(--appointly-shadow-lg);
} .appointly-cal__day--booked {
background: var(--appointly-danger-light);
color: var(--appointly-danger);
cursor: pointer;
}
.appointly-cal__day--booked:hover {
background: var(--appointly-danger);
color: white;
transform: scale(1.08);
box-shadow: var(--appointly-shadow);
}
.appointly-cal__day--booked.is-selected {
background: var(--appointly-primary);
color: white;
transform: scale(1.08);
box-shadow: var(--appointly-shadow-lg);
} .appointly-cal__day.is-in-range {
background: var(--appointly-primary-light);
color: var(--appointly-primary);
border-radius: 0;
}
.appointly-cal__day.is-selected + .appointly-cal__day.is-in-range {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
} .appointly-cal__day--blocked {
background: var(--appointly-danger-light);
color: var(--appointly-danger);
cursor: not-allowed;
text-decoration: line-through;
} .appointly-cal__legend {
display: flex;
justify-content: center;
gap: var(--appointly-sp-lg);
padding-top: var(--appointly-sp-md);
font-size: 0.8rem;
color: var(--appointly-text-muted);
}
.appointly-cal__legend-item {
display: flex;
align-items: center;
gap: var(--appointly-sp-xs);
}
.appointly-cal__dot {
width: 10px;
height: 10px;
border-radius: 50%;
}
.appointly-cal__dot--free {
background: var(--appointly-accent);
}
.appointly-cal__dot--pending {
background: var(--appointly-warning);
}
.appointly-cal__dot--booked {
background: var(--appointly-danger);
}
.appointly-cal__hint {
text-align: center;
font-size: 0.75rem;
color: var(--appointly-text-muted);
margin-top: var(--appointly-sp-sm);
font-style: italic;
}
.appointly-form__base-price {
display: flex;
justify-content: space-between;
align-items: center;
padding: var(--appointly-sp-sm) var(--appointly-sp-md);
margin-top: var(--appointly-sp-md);
background: var(--appointly-primary-light);
border-radius: var(--appointly-radius);
font-size: 0.9rem;
color: var(--appointly-text);
}
.appointly-form__base-price-amount {
font-weight: 600;
color: var(--appointly-primary);
} .appointly-cal__slots {
padding: var(--appointly-sp-md) 0;
}
.appointly-cal__slots-title {
font-size: 0.9rem;
font-weight: 600;
margin-bottom: var(--appointly-sp-sm);
}
.appointly-cal__slots-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: var(--appointly-sp-sm);
}
.appointly-cal__slot {
padding: var(--appointly-sp-sm) var(--appointly-sp-md);
border-radius: var(--appointly-radius);
border: 1px solid var(--appointly-border);
text-align: center;
font-size: 0.85rem;
transition: all var(--appointly-transition);
}
.appointly-cal__slot--available {
cursor: pointer;
}
.appointly-cal__slot--available:hover {
border-color: var(--appointly-primary);
background: var(--appointly-primary-light);
}
.appointly-cal__slot--available.is-selected {
background: var(--appointly-primary);
color: white;
border-color: var(--appointly-primary);
}
.appointly-cal__slot--taken {
opacity: 0.4;
cursor: not-allowed;
text-decoration: line-through;
} .appointly-cal__service-select {
margin-bottom: var(--appointly-sp-md);
}
.appointly-cal__service-select select {
width: 100%;
padding: 10px 14px;
border: 1px solid var(--appointly-border);
border-radius: var(--appointly-radius);
background: var(--appointly-card-bg);
color: var(--appointly-text);
font-size: 0.95rem;
font-family: var(--appointly-font);
}  .appointly-form {
background: var(--appointly-card-bg);
border-radius: var(--appointly-radius-lg);
padding: var(--appointly-sp-lg);
box-shadow: var(--appointly-shadow);
min-width: 0;
overflow: hidden;
} .appointly-form__placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: var(--appointly-sp-2xl) var(--appointly-sp-lg);
text-align: center;
}
.appointly-form__placeholder-icon {
width: 64px;
height: 64px;
opacity: 0.3;
margin-bottom: var(--appointly-sp-md);
}
.appointly-form__placeholder-text {
color: var(--appointly-text-muted);
font-size: 0.95rem;
} .appointly-form__content {
display: none;
animation: appointly-slide-in 300ms ease;
}
.appointly-form__content.is-visible {
display: block;
} .appointly-form__header {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: var(--appointly-sp-lg);
}
.appointly-form__description {
font-size: 0.9rem;
color: var(--appointly-text-muted);
margin: calc(-0.5 * var(--appointly-sp-lg)) 0 var(--appointly-sp-lg) 0;
line-height: 1.5;
} .appointly-form__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--appointly-sp-md);
}
@media (max-width: 480px) {
.appointly-form__row {
grid-template-columns: 1fr;
}
} .appointly-form__group {
display: flex;
flex-direction: column;
gap: var(--appointly-sp-xs);
margin-bottom: var(--appointly-sp-md);
} .appointly-form__label {
font-size: 0.85rem;
font-weight: 600;
color: var(--appointly-text);
}
.appointly-form__label--required::after {
content: " *";
color: var(--appointly-danger);
} .appointly-form__input,
.appointly-form__select,
.appointly-form__textarea {
width: 100%;
padding: 10px 14px;
border: 1px solid var(--appointly-border);
border-radius: var(--appointly-radius);
background: var(--appointly-card-bg);
color: var(--appointly-text);
font-family: var(--appointly-font);
font-size: 0.95rem;
transition: border-color var(--appointly-transition);
}
.appointly-form__input:focus,
.appointly-form__select:focus,
.appointly-form__textarea:focus {
border-color: var(--appointly-primary);
outline: none;
box-shadow: 0 0 0 3px var(--appointly-primary-light);
}
.appointly-form__input::placeholder,
.appointly-form__textarea::placeholder {
color: var(--appointly-text-muted);
}
.appointly-form__textarea {
min-height: 80px;
resize: vertical;
} .appointly-form__error {
color: var(--appointly-danger);
font-size: 0.8rem;
margin-top: 2px;
}
.appointly-form__field-error {
border-color: var(--appointly-danger) !important;
} .appointly-form__addons {
margin-top: var(--appointly-sp-lg);
padding-top: var(--appointly-sp-lg);
border-top: 1px solid var(--appointly-border);
}
.appointly-form__addons-title {
font-size: 0.95rem;
font-weight: 600;
margin-bottom: var(--appointly-sp-md);
}
.appointly-form__addons-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--appointly-sp-md);
}
@media (max-width: 480px) {
.appointly-form__addons-grid {
grid-template-columns: 1fr;
}
} .appointly-form__addon {
display: flex;
align-items: flex-start;
gap: var(--appointly-sp-sm);
padding: var(--appointly-sp-md);
border: 1px solid var(--appointly-border);
border-radius: var(--appointly-radius);
transition: all var(--appointly-transition);
cursor: pointer;
}
.appointly-form__addon:hover {
border-color: var(--appointly-primary);
background: var(--appointly-primary-light);
}
.appointly-form__addon.is-checked {
border-color: var(--appointly-primary);
background: var(--appointly-primary-light);
} .appointly-form__addon-checkbox {
flex-shrink: 0;
}
.appointly-form__addon-content {
flex: 1;
}
.appointly-form__addon-title {
font-weight: 600;
font-size: 0.9rem;
}
.appointly-form__addon-desc {
font-size: 0.8rem;
color: var(--appointly-text-muted);
margin-top: 2px;
}
.appointly-form__addon-price {
font-weight: 600;
color: var(--appointly-primary);
font-size: 0.85rem;
} .appointly-form__addon-qty {
display: flex;
align-items: center;
gap: var(--appointly-sp-xs);
margin-top: var(--appointly-sp-sm);
}
.appointly-form__addon-qty button {
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid var(--appointly-border);
background: var(--appointly-card-bg);
color: var(--appointly-text);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.85rem;
transition: all var(--appointly-transition);
}
.appointly-form__addon-qty button:hover {
border-color: var(--appointly-primary);
background: var(--appointly-primary-light);
}
.appointly-form__addon-qty input {
width: 40px;
text-align: center;
border: 1px solid var(--appointly-border);
border-radius: var(--appointly-radius);
padding: 2px 4px;
font-size: 0.85rem;
background: var(--appointly-card-bg);
color: var(--appointly-text);
font-family: var(--appointly-font);
} .appointly-form__total {
display: flex;
justify-content: space-between;
align-items: center;
padding: var(--appointly-sp-md);
margin-top: var(--appointly-sp-lg);
background: var(--appointly-accent-light);
border-radius: var(--appointly-radius);
font-weight: 600;
font-size: 1.1rem;
}
.appointly-form__submit {
width: 100%;
padding: 14px;
margin-top: var(--appointly-sp-lg);
background: var(--appointly-primary);
color: white;
border: none;
border-radius: var(--appointly-radius);
font-size: 1rem;
font-weight: 600;
font-family: var(--appointly-font);
cursor: pointer;
transition: all var(--appointly-transition);
}
.appointly-form__submit:hover {
filter: brightness(1.1);
transform: translateY(-1px);
}
.appointly-form__submit:active {
transform: translateY(0);
}
.appointly-form__submit:disabled {
opacity: 0.6;
cursor: not-allowed;
filter: none;
transform: none;
} .appointly-form__submit--loading {
position: relative;
color: transparent;
pointer-events: none;
}
.appointly-form__submit--loading .appointly-form__spinner {
display: block;
}
.appointly-form__spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-top-color: white;
border-radius: 50%;
animation: appointly-spin 0.6s linear infinite;
}  .appointly-form__success {
text-align: center;
padding: var(--appointly-sp-2xl) var(--appointly-sp-lg);
}
.appointly-form__success-icon {
width: 64px;
height: 64px;
border-radius: 50%;
background: var(--appointly-accent);
color: white;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto var(--appointly-sp-md);
font-size: 1.75rem;
}
.appointly-form__success-title {
font-size: 1.3rem;
font-weight: 700;
margin-bottom: var(--appointly-sp-sm);
}
.appointly-form__success-text {
color: var(--appointly-text-muted);
} .appointly-form__alert {
padding: var(--appointly-sp-md);
border-radius: var(--appointly-radius);
margin-bottom: var(--appointly-sp-md);
font-size: 0.9rem;
}
.appointly-form__alert--error {
background: var(--appointly-danger-light);
color: var(--appointly-danger);
border: 1px solid rgba(220, 38, 38, 0.2);
}
.appointly-form__alert--warning {
background: var(--appointly-warning-light);
color: #B45309;
border: 1px solid rgba(245, 158, 11, 0.3);
} .appointly-response {
max-width: 500px;
margin: var(--appointly-sp-2xl) auto;
text-align: center;
padding: var(--appointly-sp-2xl);
background: var(--appointly-card-bg);
color: var(--appointly-text);
border-radius: var(--appointly-radius-lg);
box-shadow: var(--appointly-shadow);
} .appointly-response h2 {
color: var(--appointly-text);
font-size: 1.3rem;
font-weight: 700;
margin-bottom: var(--appointly-sp-sm);
}
.appointly-response p {
color: var(--appointly-text-muted);
margin-bottom: var(--appointly-sp-lg);
}
.appointly-response__icon {
width: 72px;
height: 72px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
margin: 0 auto var(--appointly-sp-lg);
}
.appointly-response--success .appointly-response__icon {
background: var(--appointly-accent-light);
color: var(--appointly-accent);
}
.appointly-response--declined .appointly-response__icon {
background: var(--appointly-warning-light);
color: var(--appointly-warning);
}
.appointly-response--error .appointly-response__icon {
background: var(--appointly-danger-light);
color: var(--appointly-danger);
}
.appointly-response__title {
font-size: 1.3rem;
font-weight: 700;
margin-bottom: var(--appointly-sp-sm);
}
.appointly-response__text {
color: var(--appointly-text-muted);
margin-bottom: var(--appointly-sp-lg);
}
.appointly-response__button {
display: inline-block;
padding: 12px 32px;
background: var(--appointly-primary);
color: white;
border-radius: var(--appointly-radius);
text-decoration: none;
font-weight: 600;
margin-top: var(--appointly-sp-lg);
transition: all var(--appointly-transition);
}
.appointly-response__button:hover {
filter: brightness(1.1);
transform: translateY(-1px);
} .appointly-form__hp {
position: absolute;
left: -9999px;
opacity: 0;
height: 0;
overflow: hidden;
}
.appointly-form__group--consent {
margin-top: 0.5rem;
}
.appointly-form__consent-label {
display: flex;
align-items: flex-start;
gap: 0.5rem;
font-size: 0.85rem;
line-height: 1.4;
cursor: pointer;
}
.appointly-form__consent-label input[type="checkbox"] {
margin-top: 0.15rem;
flex-shrink: 0;
}
.appointly-form__consent-label a {
color: var(--appointly-primary, #0284C7);
text-decoration: underline;
} @keyframes appointly-spin {
to {
transform: rotate(360deg);
}
}
@keyframes appointly-slide-in {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: none;
}
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}