/* shared styles */
.phc-book-consult {
  position: relative;
  min-height: 220px;
}

.bc-category {
  background-color: #e9f8fb;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}

.bc-category:hover,
.bc-category.active {
  background-color: #138a53;
  color: #fff;
}

/* =========================================
   Booking form inputs
========================================= */

.bc-booking-input {
  width: 100%;
  box-sizing: border-box;
}

/* =========================================
   iPhone Safari DATE input fix
   Prevents overlapping / overflow issue
   on iPhone 15 / Pro Max Safari
========================================= */

.bc-booking-input[type="date"] {
  -webkit-appearance: none;
  appearance: none;

  display: block;
  width: 100%;

  min-height: 56px;
  height: 56px;

  padding: 0 14px;

  line-height: 56px;

  box-sizing: border-box;

  background-color: #fff;
}

/* Safari internal date text wrapper */
.bc-booking-input[type="date"]::-webkit-date-and-time-value {
  text-align: left;
  min-height: 56px;
  line-height: 56px;
}

/* Safari calendar icon spacing */
.bc-booking-input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 1;
  cursor: pointer;
}

/* Extra iOS Safari fixes */
@supports (-webkit-touch-callout: none) {
  .bc-booking-input[type="date"] {
    display: block;
    width: 100%;

    min-height: 56px;
    height: 56px;

    padding: 14px;

    line-height: normal;

    overflow: hidden;
  }

  .bc-booking-input[type="date"]::-webkit-date-and-time-value {
    min-height: 28px;
    line-height: 28px;
  }
}