/* Inca Trail Availability: per-day space count shown under the day number
   on any flatpickr this add-on annotates.

   flatpickr's default .flatpickr-day is a fixed 39px-tall box sized for a
   single line of text (the day number). Adding a second line (the space
   count) below it would overflow that fixed height and spill into the row
   underneath, since .flatpickr-days/.flatpickr-innerContainer clip via
   overflow:hidden without resizing. The .ably-has-space-counts class is
   toggled by JS only on instances that actually render counts, so calendars
   for tours without Inca Trail data keep the default compact cell size. */
.flatpickr-calendar.ably-has-space-counts .flatpickr-day {
    height: 50px;
    line-height: 22px;
    padding-top: 5px;
}

.flatpickr-day .ably-day-spaces {
    display: block;
    margin-top: 1px;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    color: #15803d;
}

.flatpickr-day .ably-day-spaces.ably-day-spaces-none {
    color: #b91c1c;
}

.flatpickr-day.flatpickr-disabled .ably-day-spaces {
    color: #b91c1c;
    opacity: 0.7;
}

/* Blocks clicks on every day while this month's real availability is being
   fetched, so a user can't pick a date in the gap between navigating to a
   month and the disable/space-count data actually arriving. */
.flatpickr-calendar.ably-loading-availability .flatpickr-days {
    opacity: 0.45;
    pointer-events: none;
    cursor: wait;
    transition: opacity 0.15s ease;
}