.flatpickr-calendar {
  background: #FAFAF8;
  border: 1px solid #F5F0E8;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(44, 44, 44, 0.08);
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.flatpickr-months {
  background: #F5F0E8;
  border-radius: 12px 12px 0 0;
}

.flatpickr-month {
  height: 48px;
}

.flatpickr-current-month {
  font-size: 15px;
  font-weight: 600;
  color: #2C2C2C;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  font-family: 'DM Sans', sans-serif;
}

.flatpickr-weekday {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #C9A84C;
}

.flatpickr-day {
  border-radius: 8px;
  font-size: 13px;
  color: #2C2C2C;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  line-height: 36px;
}

.flatpickr-day:hover:not(.flatpickr-disabled):not(.flatpickr-day.selected) {
  background: #F5F0E8;
  border-color: #F5F0E8;
}

.flatpickr-day.today {
  border-color: #E0C86A;
  font-weight: 600;
}

.flatpickr-day.today:hover {
  border-color: #C9A84C;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange {
  background: #C9A84C;
  border-color: #C9A84C;
  color: #FFFFFF;
  font-weight: 600;
}

.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
  background: #A88A2E;
  border-color: #A88A2E;
}

.flatpickr-day.inRange {
  background: #F5F0E8;
  border-color: #F5F0E8;
  color: #2C2C2C;
}

.flatpickr-day.flatpickr-disabled {
  color: #CCC;
  text-decoration: line-through;
  cursor: not-allowed;
}

.flatpickr-day.flatpickr-disabled:hover {
  background: none;
  border-color: transparent;
}

.flatpickr-day.flatpickr-disabled.today {
  border-color: transparent;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  color: #CCC;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  fill: #C9A84C;
}

.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
  fill: #A88A2E;
}

.flatpickr-day.week.selected {
  border-radius: 0;
}

.flatpickr-day.week.selected:nth-child(7n+1) {
  border-radius: 8px 0 0 8px;
}

.flatpickr-day.week.selected:nth-child(7n) {
  border-radius: 0 8px 8px 0;
}

.numInputWrapper span.arrowUp,
.numInputWrapper span.arrowDown {
  border-color: #C9A84C;
}

.numInputWrapper span.arrowUp:hover,
.numInputWrapper span.arrowDown:hover {
  background: #F5F0E8;
}