/* Mobile-friendly Flatpickr styles */
@media (max-width: 768px) {
  .flatpickr-calendar {
    font-size: 16px !important;
    width: 90vw !important;
    max-width: 320px !important;
  }

  .flatpickr-day {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 14px !important;
  }

  .flatpickr-current-month {
    font-size: 16px !important;
    padding: 10px 0 !important;
  }

  .flatpickr-monthDropdown-months,
  .flatpickr-current-month .numInputWrapper input {
    font-size: 16px !important;
  }

  .flatpickr-prev-month,
  .flatpickr-next-month {
    padding: 10px !important;
  }

  .flatpickr-weekday {
    font-size: 14px !important;
  }

  /* Time picker mobile styles */
  .flatpickr-time {
    font-size: 16px !important;
  }

  .flatpickr-time .numInputWrapper {
    height: 45px !important;
  }

  .flatpickr-time input {
    font-size: 18px !important;
    height: 45px !important;
  }

  .flatpickr-time .flatpickr-am-pm {
    font-size: 16px !important;
    width: 25% !important;
    height: 45px !important;
  }

  .flatpickr-time-separator {
    font-size: 20px !important;
    line-height: 45px !important;
  }
}