/**
 * VRCC Local Fixes - nightly rates in the booking calendar.
 *
 * A Flatpickr day is a fixed-height box built for a number alone. The price is
 * a second line inside it, so the cell becomes a small column: number on top,
 * price beneath, both centred. Only calendars that actually carry rates are
 * touched (.vrcc-lf-has-rates), so a property without rates keeps the original
 * proportions rather than a taller, emptier grid.
 */

.flatpickr-calendar.vrcc-lf-has-rates .flatpickr-day {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: 2.9em;
  line-height: 1.15;
  padding: 5px 0 4px;
}

.vrcc-lf-rate {
  display: block;
  margin-top: 1px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: -0.2px;
  opacity: 0.62;
  white-space: nowrap;
}

/* Selected and in-range days invert their text colour; the price follows. */
.flatpickr-day.selected .vrcc-lf-rate,
.flatpickr-day.startRange .vrcc-lf-rate,
.flatpickr-day.endRange .vrcc-lf-rate,
.flatpickr-day.inRange .vrcc-lf-rate {
  opacity: 0.9;
}

/* Narrow phones: the day number has to stay legible, the price steps back. */
@media (max-width: 420px) {
  .vrcc-lf-rate {
    font-size: 8px;
    letter-spacing: -0.4px;
  }
}