/* Stage 4.5 — date and time must be recognisable before a visitor touches them. */
.booking-section .btc-trip-field-label{
  display:block;
  margin:0 0 7px;
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
}

.booking-section #fakeDate::placeholder{color:rgba(255,255,255,.76);opacity:1;}
.booking-section input[type="time"]{color:#fff;}
.booking-section input[type="time"]::-webkit-calendar-picker-indicator{opacity:.78;filter:invert(1);}

/* The current time is an empty-field hint, not a value submitted with the request. */
.booking-section .custom-time-input .btc-time-example{
  position:absolute;
  z-index:2;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.62);
  font:inherit;
  pointer-events:none;
}
.booking-section .custom-time-input:not(.is-filled) #time{color:transparent;}
.booking-section .custom-time-input:not(.is-filled) #time::-webkit-datetime-edit{color:transparent;}
.booking-section .custom-time-input.is-filled .btc-time-example{display:none;}

@media (max-width:767px){
  .booking-section .btc-trip-field-label{margin-bottom:6px;font-size:14px;}
}