.reservation-date-picker { max-width: 36rem; }
.reservation-date-legend { display: flex; flex-wrap: wrap; gap: .4rem 1rem; font-size: .85rem; margin-top: .5rem; }
.reservation-selected-key { display: inline-block; width: .9rem; height: .9rem; background: #2563a6; border: 1px solid #163e68; }
.reservation-cr-key { color: #9c2036; }
.reservation-us-key { color: #155a36; }
.reservation-calendar .flatpickr-day { position: relative; }
.reservation-calendar .flatpickr-day.reservation-cr-holiday::after { content: "●"; position: absolute; font-size: .6rem; line-height: 1; bottom: 2px; left: 9px; color: #9c2036; }
.reservation-calendar .flatpickr-day.reservation-us-holiday::before { content: "◆"; position: absolute; font-size: .6rem; line-height: 1; bottom: 2px; right: 9px; color: #155a36; }
.reservation-calendar .flatpickr-day.selected,
.reservation-calendar .flatpickr-day.startRange,
.reservation-calendar .flatpickr-day.endRange { background: #2563a6; border-color: #2563a6; }
.reservation-calendar .flatpickr-day.selected::before,
.reservation-calendar .flatpickr-day.selected::after { color: white; }
.reservation-calendar-close { display: block; margin: .5rem auto; padding: .3rem .7rem; border: 1px solid #767676; border-radius: .25rem; background: white; color: #222; }
.reservation-calendar-close:focus-visible { outline: 3px solid #2563a6; outline-offset: 2px; }