/* Micro-animation for the booking submit hint */
#bookingSubmitHint {
  will-change: opacity, transform;
  opacity: 0;
  transform: translateY(6px) scale(.995);
  transition: opacity .18s ease, transform .22s cubic-bezier(.2,.9,.3,1);
  pointer-events: none;
  color: #A17E60 !important;
  -webkit-text-fill-color: #A17E60 !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
}
/* When modal is active make hint visible */
#bookingModal.modal--active #bookingSubmitHint {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.hint-animate-in {
  animation: hintIn .22s cubic-bezier(.2,.9,.3,1) both;
}
.hint-animate-out {
  animation: hintOut .18s ease both;
}
@keyframes hintIn {
  from { opacity: 0; transform: translateY(6px) scale(.995); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes hintOut {
  from { opacity: 1; transform: translateY(0) scale(1); }
  to   { opacity: 0; transform: translateY(6px) scale(.995); }
}