/**
 * @file
 * The site date picker (biopama_libraries/datepicker) in the Bootstrap
 * tokens of the page it opens on.
 *
 * flatpickr ships a light calendar with fixed colours. js/datepicker.js copies
 * the opener's data-bs-theme and akp-skin-* classes onto the calendar, so the
 * --bs-* tokens below resolve to the right skin (the CT grey on tool pages,
 * the navy preset elsewhere) with no per-page rules.
 */

.flatpickr-calendar.biopama-datepicker {
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  border: var(--bs-border-width) solid var(--bs-border-color);
  box-shadow: var(--bs-box-shadow);
}

.flatpickr-calendar.biopama-datepicker.arrowTop::after {
  border-bottom-color: var(--bs-body-bg);
}

.flatpickr-calendar.biopama-datepicker.arrowBottom::after {
  border-top-color: var(--bs-body-bg);
}

.biopama-datepicker .flatpickr-months .flatpickr-month,
.biopama-datepicker .flatpickr-current-month .flatpickr-monthDropdown-months,
.biopama-datepicker .flatpickr-current-month input.cur-year,
.biopama-datepicker span.flatpickr-weekday,
.biopama-datepicker .flatpickr-day {
  color: var(--bs-body-color);
}

.biopama-datepicker .flatpickr-current-month .flatpickr-monthDropdown-months {
  background: var(--bs-body-bg);
}

.biopama-datepicker .flatpickr-months .flatpickr-prev-month svg,
.biopama-datepicker .flatpickr-months .flatpickr-next-month svg {
  fill: var(--bs-body-color);
}

.biopama-datepicker .flatpickr-months .flatpickr-prev-month:hover svg,
.biopama-datepicker .flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--bs-link-color);
}

.biopama-datepicker .flatpickr-day:hover,
.biopama-datepicker .flatpickr-day:focus {
  background: var(--bs-tertiary-bg);
  border-color: var(--bs-tertiary-bg);
}

.biopama-datepicker .flatpickr-day.today {
  border-color: var(--bs-link-color);
}

.biopama-datepicker .flatpickr-day.selected,
.biopama-datepicker .flatpickr-day.selected:hover {
  background: var(--bs-link-color);
  border-color: var(--bs-link-color);
  color: var(--bs-dark);
}

.biopama-datepicker .flatpickr-day.prevMonthDay,
.biopama-datepicker .flatpickr-day.nextMonthDay,
.biopama-datepicker .flatpickr-day.flatpickr-disabled,
.biopama-datepicker .flatpickr-day.flatpickr-disabled:hover {
  color: var(--bs-secondary-color);
}