html.hs-home-live-calendar-ready .booking-shell .booking-calendar,
.booking-shell.hs-home-live-calendar-ready .booking-calendar,
html.hs-home-live-calendar-ready .booking-shell .hotel-range-calendar,
.booking-shell.hs-home-live-calendar-ready .hotel-range-calendar {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.booking-shell .booking-field:has(> input.hs-home-live-date) {
  position: relative !important;
  cursor: pointer !important;
}

.booking-shell input.hs-home-live-date[type= date] {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 200 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: .01 !important;
  background: transparent !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  color-scheme: light !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}

.booking-shell input.hs-home-live-date[type=date]::-webkit-calendar-picker-indicator {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.booking-shell .booking-field:has(> input.hs-home-live-date) > i,
.booking-shell .booking-field:has(> input.hs-home-live-date) > span {
  pointer-events: none !important;
}