/* Custom styles for Flatpickr to match Catberry brand design */

/* Container styles */
.flatpickr-calendar {
  background: #fff;
  border-radius: 0.25rem; /* Use 'rounded' (4px) per brand guidelines */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 1px solid #e5e4e2; /* branch-200 */
  font-family: inherit;
}

/* Current day/selected date */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #3d6b1f; /* holly-500 - primary brand green */
  border-color: #3d6b1f; /* holly-500 */
  color: #fff;
}

/* Hover state */
.flatpickr-day:hover {
  background: #f5f5f4; /* branch-100 */
  border-color: #f5f5f4; /* branch-100 */
}

/* Today's date */
.flatpickr-day.today {
  border-color: #f59e0b; /* honey-500 - used for highlights and special states */
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  background: #fffbeb; /* honey-50 */
  border-color: #f59e0b; /* honey-500 */
  color: #92400e; /* honey-800 for readable text */
}

/* Month navigation */
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #3d6b1f; /* holly-500 */
}

.flatpickr-months .flatpickr-month {
  color: #1c1917; /* branch-900 */
}

/* Month dropdown and year input */
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  font-weight: 500;
  color: #1c1917; /* branch-900 */
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.flatpickr-current-month input.cur-year:hover {
  background: #fafaf9; /* branch-50 */
}

/* Time picker */
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #fafaf9; /* branch-50 */
}

.flatpickr-time input.flatpickr-hour,
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
  color: #1c1917; /* branch-900 */
}

/* AM/PM selector */
.flatpickr-time .flatpickr-am-pm {
  color: #1c1917; /* branch-900 */
}

/* Weekday headers */
.flatpickr-weekday {
  color: #807b76; /* branch-500 */
  font-weight: 500;
}

/* In-range styles for date ranges */
.flatpickr-day.inRange {
  background: #e8f3df; /* holly-100 - light green for range */
  border-color: #e8f3df; /* holly-100 */
  box-shadow: -5px 0 0 #e8f3df, 5px 0 0 #e8f3df; /* holly-100 */
}