.elementor-39813 .elementor-element.elementor-element-4ab1e1d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39813 .elementor-element.elementor-element-b4c2b52{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-39813 .elementor-element.elementor-element-2b331aa{--spacer-size:50px;}/* Start custom CSS *//* =========================================
   BOOKLY CALENDAR CONTRAST + BOLD AVAILABLE DATES
   ========================================= */

/* 1) Past / disabled / out-of-month dates */
.bookly-box .picker--day.picker__day--disabled,
.bookly-box .picker--day.picker__day--outfocus,
.bookly-box .picker__day--disabled,
.bookly-box .picker__day--outfocus,
.bookly-form .picker__day--disabled,
.bookly-form .picker__day--outfocus {
  color: #9aa0a6 !important;
  background: #f1f3f4 !important;
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  text-decoration: line-through;
  font-weight: 400 !important;
}

/* 2) Available dates (bold + high contrast) */
.bookly-box .picker--day:not(.picker__day--disabled):not(.picker__day--outfocus),
.bookly-box .picker__day:not(.picker__day--disabled):not(.picker__day--outfocus),
.bookly-form .picker__day:not(.picker__day--disabled):not(.picker__day--outfocus) {
  color: #111827 !important;
  background: #ffffff !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

/* 3) Hover state for available dates */
.bookly-box .picker--day:not(.picker__day--disabled):not(.picker__day--outfocus):hover,
.bookly-box .picker__day:not(.picker__day--disabled):not(.picker__day--outfocus):hover,
.bookly-form .picker__day:not(.picker__day--disabled):not(.picker__day--outfocus):hover {
  background: #dbeafe !important;
  color: #111827 !important;
}

/* 4) Selected date */
.bookly-box .picker__day--selected,
.bookly-box .picker__day--selected:hover,
.bookly-form .picker__day--selected,
.bookly-form .picker__day--selected:hover {
  background: #2563eb !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* 5) Today (when not selected) */
.bookly-box .picker__day--today:not(.picker__day--selected),
.bookly-form .picker__day--today:not(.picker__day--selected) {
  border: 1px solid #2563eb !important;
  color: #1d4ed8 !important;
  font-weight: 700 !important;
}

/* 6) Optional, make the calendar grid numbers easier to read overall */
.bookly-box .picker__day,
.bookly-form .picker__day {
  border-radius: 4px;
}

.bookly-box .picker__day, .bookly-form .picker__day { text-shadow: none !important; }/* End custom CSS */