/* Styles for the booking form on the front-end */
.abc-container * { font-family: 'Inter', sans-serif; }
.nutrition { color: #d10073 !important; }
.book_consultation { background-color: #d10073 !important; }
.book_consultation:hover { background-color: #a10059 !important; }
.form-input {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: .5rem;
  padding: .5rem .75rem;
  transition: .2s;
  color: #1e293b;
}
.form-input:focus {
  outline: none;
  border-color: #d10073;
  box-shadow: 0 0 0 1px #d10073;
}
.form-input::placeholder { color: #94a3b8; }
.date-slot, .time-slot {
  padding: .5rem .25rem;
  border: 1px solid #d10073;
  border-radius: .5rem;
  text-align: center;
  font-weight: 500;
  color: #334155;
  cursor: pointer;
  transition: all .2s;
  user-select: none;
}
.date-slot:hover, .time-slot:hover {
  background-color: #fbeaf4;
  border-color: #d10073;
}
.date-slot.selected, .time-slot.selected {
  background-color: #d10073 !important;
  color: #fff !important;
  border-color: #d10073 !important;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
}
.time-slot.abc-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #f8fafc;
  pointer-events: none;
}
.abc-hidden { display: none !important; }
.dayofmonth { font-size: 11px; }