/* 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;
}

.ably-mp-date-spaces{display:inline-block;margin:0 0 0 8px;padding:2px 8px;border-radius:999px;background:#e7f6ec;color:#0f6b3a;font-size:12px;font-weight:700;line-height:1.4;vertical-align:middle}
.ably-mp-date-spaces.is-few{background:#fff0dc;color:#9a4b00}
.dark .ably-mp-date-spaces{background:#12361f;color:#8fe3b0}
.dark .ably-mp-date-spaces.is-few{background:#3d2a0d;color:#ffcf8a}