/* Custom Turquoise Theme for Flatpickr Calendar */

/* Input field - force black text color for selected date */
.flatpickr-input,
input.flatpickr-input,
input[data-input] {
  color: #000000 !important;
}

/* Calendar container */
.flatpickr-calendar {
  background: linear-gradient(135deg, #84c5ed 0%, #b9d4eb 100%) !important;
  border: none !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2) !important;
  border-radius: 12px !important;
}

/* Month navigation */
.flatpickr-months {
  background: transparent !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.flatpickr-month {
  background: transparent !important;
  color: #ffffff !important;
}

.flatpickr-current-month {
  color: #ffffff !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: transparent !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

.flatpickr-current-month input.cur-year {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Navigation arrows */
.flatpickr-prev-month,
.flatpickr-next-month {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.15) !important;
}

/* Weekday labels */
.flatpickr-weekdays {
  background: transparent !important;
}

.flatpickr-weekday {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Days */
.flatpickr-days {
  background: transparent !important;
}

.flatpickr-day {
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
}

/* Hover state */
.flatpickr-day:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border: none !important;
}

/* Selected day */
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
  background: #ffffff !important;
  color: #84c5ed !important;
  border: none !important;
  font-weight: 700 !important;
}

/* Today */
.flatpickr-day.today {
  border: 2px solid #ffffff !important;
  font-weight: 700 !important;
}

.flatpickr-day.today:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: #ffffff !important;
}

/* Disabled days */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  color: rgba(255, 255, 255, 0.3) !important;
}

.flatpickr-day.flatpickr-disabled:hover {
  background: transparent !important;
  cursor: not-allowed !important;
}

/* Time picker (if needed) */
.flatpickr-time {
  background: transparent !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.flatpickr-time input {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Mobile optimization */
@media (max-width: 768px) {
  .flatpickr-calendar {
    width: 90vw !important;
    max-width: 320px !important;
  }

  .flatpickr-day {
    height: 38px !important;
    line-height: 38px !important;
  }
}