@import "./global.css";
@import "./index.css";
@import "./pages.css";
@import "./mobile.css";

/* ===== Flatpickr calendar — large size ===== */
.flatpickr-calendar {
  font-family: Inter, sans-serif;
  font-size: 18px;
  width: 420px;
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.18);
  border: 2px solid #c2a97d;
  padding: 8px;
}
.flatpickr-months {
  padding: 10px 0 6px;
}
.flatpickr-month {
  height: 48px;
}
.flatpickr-current-month {
  font-size: 20px;
  font-weight: 600;
  padding-top: 8px;
}
.flatpickr-current-month .numInputWrapper {
  width: 70px;
}
.flatpickr-current-month select.flatpickr-monthDropdown-months {
  font-size: 18px;
  font-weight: 600;
}
.flatpickr-prev-month,
.flatpickr-next-month {
  padding: 10px 14px;
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 16px;
  height: 16px;
}
.flatpickr-weekdays {
  height: 44px;
}
span.flatpickr-weekday {
  font-size: 15px;
  font-weight: 600;
  color: #8f754a;
}
.flatpickr-days {
  width: 420px;
}
.dayContainer {
  width: 420px;
  min-width: 420px;
  max-width: 420px;
}
.flatpickr-day {
  max-width: 56px;
  height: 52px;
  line-height: 52px;
  font-size: 17px;
  border-radius: 8px;
  margin: 2px 0;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: #c2a97d;
  border-color: #c2a97d;
  font-weight: 700;
}
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
  background: #8f754a;
  border-color: #8f754a;
}
.flatpickr-day:hover {
  background: #f6f6f6;
  border-color: #c2a97d;
}
.flatpickr-day.today {
  border-color: #c2a97d;
  color: #8f754a;
  font-weight: 700;
}
.flatpickr-day.today.selected {
  color: #fff;
}
/* ===== end Flatpickr ===== */