.flatpickr-calendar {
    border: 1px solid #dbe3f0;
    border-radius: 0.55rem;
    box-shadow: 0 0.85rem 2rem rgba(15, 23, 42, 0.14);
    font-family: inherit;
}

.flatpickr-day.today {
    border-color: var(--datepicker-accent, var(--hotel-accent, var(--central-accent, var(--restaurant-accent, #2447d8))));
    color: var(--datepicker-accent, var(--hotel-accent, var(--central-accent, var(--restaurant-accent, #2447d8))));
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
    background: var(--datepicker-accent, var(--hotel-accent, var(--central-accent, var(--restaurant-accent, #2447d8))));
    border-color: var(--datepicker-accent, var(--hotel-accent, var(--central-accent, var(--restaurant-accent, #2447d8))));
    color: #fff;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
    background: color-mix(
        in srgb,
        var(--datepicker-accent, var(--hotel-accent, var(--central-accent, var(--restaurant-accent, #2447d8)))) 12%,
        #fff
    );
    border-color: color-mix(
        in srgb,
        var(--datepicker-accent, var(--hotel-accent, var(--central-accent, var(--restaurant-accent, #2447d8)))) 24%,
        #dbe3f0
    );
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: var(--datepicker-accent, var(--hotel-accent, var(--central-accent, var(--restaurant-accent, #2447d8))));
}

.concierge-datepicker-input::placeholder {
    color: #94a3b8;
    opacity: 1;
}