/* 月曆日期圖示標示:場館時段公開檢視頁面與申請頁面共用 */

.select-date.holiday {
    color: var(--danger);
}

/* 紅字在橘色選取底色上難以辨識,選取時改用內文顏色 */
.select-date.holiday[selected] {
    color: var(--bs-body-color);
}

/* 有借用紀錄的日期:數字下方顯示灰點 */
.select-date.rented {
    position: relative;
}

.select-date.rented::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--gray);
    transform: translateX(-50%);
}