/* Flatpickr — tema LPG Ministry (soft, minimal, premium) */

.flatpickr-calendar {
  font-family: 'Inter', sans-serif;
  border: 1px solid #E4E1DB;
  border-radius: 18px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  background: #FFFFFF;
  padding: 8px;
}

.flatpickr-months {
  padding: 4px 8px 8px;
}

.flatpickr-months .flatpickr-month {
  color: #1F1F1F;
  font-weight: 600;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  font-weight: 600;
  color: #1F1F1F;
}

.flatpickr-weekdays {
  background: transparent;
}

span.flatpickr-weekday {
  color: #6B6B6B;
  font-weight: 500;
  font-size: 12px;
}

.flatpickr-day {
  border-radius: 10px;
  color: #1F1F1F;
  font-weight: 500;
  border: none;
  max-width: 38px;
  height: 38px;
  line-height: 38px;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
  background: #EFECE7;
  border-color: transparent;
}

.flatpickr-day.today {
  border: 1px solid #D6C7B2;
  background: #F7F6F3;
}

.flatpickr-day.today:hover {
  background: #EFECE7;
}

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

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

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  fill: #1F1F1F;
  padding: 8px;
  border-radius: 8px;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  background: #EFECE7;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

/* Time picker */
.flatpickr-time {
  border-top: 1px solid #E4E1DB;
  max-height: none;
  border-radius: 0 0 14px 14px;
}

.flatpickr-time input {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #1F1F1F;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus {
  background: #F7F6F3;
}

.flatpickr-time .flatpickr-time-separator {
  color: #6B6B6B;
  font-weight: 600;
}

.numInputWrapper span.arrowUp,
.numInputWrapper span.arrowDown {
  border: none;
}

.numInputWrapper span.arrowUp:after {
  border-bottom-color: #1F1F1F;
}

.numInputWrapper span.arrowDown:after {
  border-top-color: #1F1F1F;
}

/* Alt input (tampilan ramah pengguna) */
input.lpg-datepicker.form-input[readonly],
input.lpg-timepicker.form-input[readonly],
input.lpg-datepicker.admin-input[readonly],
input.lpg-timepicker.admin-input[readonly] {
  cursor: pointer;
  background-color: #FAFAF8;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}
