input.hs-calendar-ready[type="date"],
input.hs-calendar-ready[type="datetime-local"] {
    color-scheme: light;
    cursor: pointer;
    accent-color: #2383f7;
}

input.hs-calendar-ready[type="date"]:focus,
input.hs-calendar-ready[type="datetime-local"]:focus {
    outline: none;
    border-color: #2383f7 !important;
    box-shadow: 0 0 0 3px rgba(35, 131, 247, .15) !important;
}

input.hs-calendar-ready[type="date"]::-webkit-calendar-picker-indicator,
input.hs-calendar-ready[type="datetime-local"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 1;
}

.booking-shell input.live-date-input.hs-calendar-ready {
    position: absolute !important;
    inset: 0 !important;
    z-index: 40 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: .01 !important;
    pointer-events: auto !important;
}

.booking-shell input.live-date-input.hs-calendar-ready::-webkit-calendar-picker-indicator {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.booking-shell .booking-field:has(> input.hs-calendar-ready) {
    position: relative;
    cursor: pointer;
}

.booking-shell .booking-field:has(> input.hs-calendar-ready) > i,
.booking-shell .booking-field:has(> input.hs-calendar-ready) > span {
    pointer-events: none;
}

@media (prefers-color-scheme: dark) {
    input.hs-calendar-ready[type="date"],
    input.hs-calendar-ready[type="datetime-local"] {
        color-scheme: light;
    }
}