/* Booking form specific styles */

.phone-input-container {
  display: flex !important;
}

#country-code {
  width: 40% !important;
}

#phone {
  width: 60% !important;
}

#phone-error {
  display: none;
  color: red;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

#email-error {
  display: none;
  color: red;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.date-time-container {
  display: flex !important;
  gap: 1rem;
}

.date-time-container > div {
  flex: 1;
}

.date-time-container input[type="date"],
.date-time-container input[type="time"] {
  width: 100% !important;
}