.selected{outline:2px solid #000;font-weight:700}#reservation-calendar table{width:100%;border-collapse:collapse}#reservation-calendar td,#reservation-calendar th{border:1px solid #ccc;text-align:center;padding:.4em}#reservation-calendar td{height:50px}#calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}.slot{padding:4px;margin:2px 0;text-align:center;border-radius:4px;color:#fff}.slot.selected{outline:2px solid #ff0}#calendar-nav span{text-transform:uppercase;font-weight:700}.event-day{position:relative;color:#000}.event-day::before{content:"";position:absolute;inset:2px;background-color:#E9E1A7!important;z-index:0;border-radius:3px}.event-day>*{position:relative;z-index:1}