/* Appointment Booking Styles */

.appointment-booking-container {
  font-family: "Roboto", sans-serif;
}

.flatpickr-calendar {
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
  border: none !important;
  font-family: "Roboto", sans-serif !important;
}

.flatpickr-day.selected {
  background: #ff1393 !important;
  border-color: #ff1393 !important;
}

.flatpickr-day.selected:hover {
  background: #e01183 !important;
}

.flatpickr-day.today {
  border-color: #ff1393 !important;
  color: #ff1393 !important;
  font-weight: 600 !important;
}

.flatpickr-months .flatpickr-month {
  background: #ff1393 !important;
  color: white !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  color: white !important;
}

.flatpickr-weekdays {
  background: #fafafa !important;
}

.flatpickr-weekday {
  color: #ff1393 !important;
  font-weight: 600 !important;
}

@media (max-width: 600px) {
  .flatpickr-calendar {
    width: 280px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}