.calendar-picker .calendar-wrap p {
  font-weight: 400;
  color: #000000;
  margin-left: -0.3rem;
}

.calendar-picker .calendar-wrap {
  padding: 0.75rem 0.3rem;
}

.calendar-picker .calendar-wrap .calendar-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.9rem;
  min-width: 500px;
  max-width: 500px;
}

.calendar-picker .calendar-wrap .calendar-title h4 {
  color: #717171;
  font-weight: 500;
  letter-spacing: 0.4px;
}

.calendar-picker .calendar-nav .arrows button {
  height: 2.5625rem;
  width: 2.5625rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5rem;
}

.calendar-picker .calendar-wrap .calendar-nav {
  display: flex;
  align-items: center;
  margin-right: -0.4rem;
}

.calendar-picker .calendar .days span {
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  border-radius: 50%;
  display: block;
  color: #2c2c2c;
  font-weight: 600;
  font-size: 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/*! purgecss start ignore */

.calendar-picker .calendar .days .unavailable:before {
  content: "";
  /* Fallback image */
  background-image: url(/img/css_sprites_checkout@1x.png);
  background-image: -webkit-image-set(
    url(/img/css_sprites_checkout@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_checkout@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_checkout@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_checkout@1x.png) 1x type("image/png"),
    url(/img/css_sprites_checkout@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_checkout@2x.png) 2x type("image/png")
  );
  background-image: image-set(
    url(/img/css_sprites_checkout@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_checkout@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_checkout@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_checkout@1x.png) 1x type("image/png"),
    url(/img/css_sprites_checkout@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_checkout@2x.png) 2x type("image/png")
  );
  background-repeat: no-repeat;
  background-position: -7px -94px;
  width: 1.45rem;
  height: 1.25rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.calendar-picker .calendar .days .unavailable {
  color: rgb(255 52 0 / 24%);
  background-color: #ffffff;
}

.calendar-picker .icon-circle {
  border-radius: 50%;
  background-color: rgb(175 25 250 / 9%);
}

.calendar-picker .icon-circle-two-visit {
  border-radius: 50%;
  background-color: hsl(198, 96%, 54%);
}

.calendar-picker .icon-circle-overnight {
  border-radius: 50%;
  background-color: hsl(280, 96%, 54%);
}

.calendar-picker .calendar .week span {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9375rem;
  color: #757575;
  width: 2.5rem;
  text-align: center;
}

.calendar-picker .calendar .week {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.3rem;
}

.calendar-picker .calendar .days span:nth-child(7n+1) {
  margin-right: 0;
}

.calendar-picker .calendar .days .selected {
  color: #fff;
  background-color: #faaf19;
  font-weight: 600;
}


.calendar-picker .calendar-wrap .calendar-info {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  margin-left: 0.6rem;
}

.calendar-picker .calendar-wrap .calendar-info div {
  font-weight: 500;
  color: #667180;
  font-size: 0.9375rem;
  display: flex;
  align-items: center;
  margin-right: 1.6rem;
}

.calendar-picker .calendar-wrap .calendar-info .icon {
  width: 1.375rem;
  height: 1.375rem;
  flex: 0 0 1.375rem;
  display: block;
  margin-right: 0.4rem;
}

.calendar-picker .calendar-wrap .calendar-info .icon-close {
  /* Fallback image */
  background-image: url(/img/css_sprites_checkout@1x.png);
  background-image: -webkit-image-set(
    url(/img/css_sprites_checkout@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_checkout@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_checkout@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_checkout@1x.png) 1x type("image/png"),
    url(/img/css_sprites_checkout@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_checkout@2x.png) 2x type("image/png")
  );
  background-image: image-set(
    url(/img/css_sprites_checkout@1x.webp) 1x type("image/webp"),
    url(/img/css_sprites_checkout@1.5x.webp) 1.5x type("image/webp"),
    url(/img/css_sprites_checkout@2x.webp) 2x type("image/webp"),
    url(/img/css_sprites_checkout@1x.png) 1x type("image/png"),
    url(/img/css_sprites_checkout@1.5x.png) 1.5x type("image/png"),
    url(/img/css_sprites_checkout@2x.png) 2x type("image/png")
  );
  background-repeat: no-repeat;
  background-position: -6px -92px;
}

.calendar-picker .calendar-wrap .calendar-info .icon-circle {
  border-radius: 50%;
  background-color: rgb(175 25 250 / 9%);
}

.calendar-box {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background-color: #ffffff;
  border-radius: 0.857rem;
}
/* ----- /SECTION ZONES EDIT ----- */


/* ----- CALENDAR PICKER ----- */
/* Used in search results */
.calendar-picker .hide {
  visibility: hidden;
}

.calendar-picker .selected-date {
  background-color: black;
}

.calendar-picker .day {
  background-color: white !important;
}
.calendar-picker .calendar-wrap .calendar-nav {
  width: 100%;
  margin-right: 0rem !important;
}

.calendar-picker {
  position: absolute;
  z-index: 24;
  background-color: #ffffff;
  border: 1px solid #8080803b;
  left: 0;
}