/* Calendar changeover cue: the night is booked, but guests may still check out on this date. */
.booking-section-luxury .day.blocked.checkout-boundary {
  border-color: rgba(184, 153, 76, .46);
  background:
    linear-gradient(135deg, rgba(45, 71, 45, .95) 0 43%, transparent 44%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.065) 0 2px, transparent 2px 5px),
    rgba(255,255,255,.025);
  color: rgba(245, 239, 228, .60);
}

.booking-section-luxury .day.blocked.checkout-boundary .day-number {
  color: rgba(245, 239, 228, .72);
}

.booking-section-luxury .day.blocked.checkout-boundary::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(121, 157, 99, .08);
  pointer-events: none;
}

.booking-section-luxury .day.blocked.checkout-boundary.checkout-available {
  cursor: pointer;
  border-color: rgba(226, 180, 74, .82);
  background:
    linear-gradient(135deg, rgba(72, 99, 56, .98) 0 45%, transparent 46%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.075) 0 2px, transparent 2px 5px),
    rgba(255,255,255,.03);
  box-shadow: 0 0 0 1px rgba(226, 180, 74, .09), inset 0 0 18px rgba(226, 180, 74, .035);
}

.booking-section-luxury .day.blocked.checkout-boundary.checkout-available .day-number {
  color: #f2d88b;
}

.booking-section-luxury .dot.checkout-boundary-dot {
  background:
    linear-gradient(135deg, rgba(45, 71, 45, .98) 0 46%, transparent 47%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.10) 0 2px, transparent 2px 5px),
    rgba(255,255,255,.04);
  border-color: rgba(184, 153, 76, .46);
}

@media (max-width: 680px) {
  .booking-calendar-legend {
    row-gap: 10px;
  }

  .booking-calendar-legend > span {
    white-space: nowrap;
  }
}