/* Flatpickr date pickers themed to match daisyUI. */

/* Flatpickr styling to match daisyUI theme */
.flatpickr-calendar {
  background: var(--color-base-100) !important;
  border: 1px solid var(--color-base-300) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.flatpickr-months {
  background: var(--color-base-200) !important;
  border-bottom: 1px solid var(--color-base-300) !important;
}

.flatpickr-month {
  color: var(--color-base-content) !important;
}

.flatpickr-current-month {
  color: var(--color-base-content) !important;
}

.flatpickr-weekdays {
  background: var(--color-base-200) !important;
}

.flatpickr-weekday {
  color: var(--color-base-content) !important;
}

.flatpickr-day {
  color: var(--color-base-content) !important;
}

.flatpickr-day:hover {
  background: var(--color-primary) !important;
  color: var(--color-primary-content) !important;
}

.flatpickr-day.selected {
  background: var(--color-primary) !important;
  color: var(--color-primary-content) !important;
  border-color: var(--color-primary) !important;
}

.flatpickr-day.today {
  border-color: var(--color-primary) !important;
}

.flatpickr-time {
  border-top: 1px solid var(--color-base-300) !important;
}

.flatpickr-time input {
  color: var(--color-base-content) !important;
}

.flatpickr-time .flatpickr-time-separator {
  color: var(--color-base-content) !important;
}