/*
 * 公開店家頁：服務「顯示期間」的卡片標籤與期間外保留卡片（2026-10-08）。
 * 只有 templates/public/shop.html 引用；shop.css 在大檔守衛的基準線上只准變短，新增的樣式放這裡。
 *
 * 標籤：「限時｜到 10/25 23:59」（期間內有結束時間）／「10/24 開放」（還沒開始）／「活動已結束」（已結束）。
 * 與時長 chip（.service-card-duration）同形；手機寬度不換行。
 */
.service-card-window {
    display: inline-flex;
    align-items: center;
    padding: 0.1875rem 0.625rem;
    border-radius: 100px;
    background: #fff4e5;
    color: #8a4b00;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

.service-card-window.is-ended {
    background: #ececec;
    color: #5f5a53;
}

.service-card-window.is-upcoming {
    background: #e8f1fb;
    color: #1f4f82;
}

/* 期間外、店家選了「保留卡片」：看得到、不能點、不能預約 */
.service-card.service-card-closed {
    cursor: default;
}

.service-card.service-card-closed .service-card-image,
.service-card.service-card-closed .service-card-image-placeholder {
    filter: grayscale(0.85);
    opacity: 0.75;
}

.btn-book.btn-book-closed,
.btn-book.btn-book-closed:hover,
.btn-book.btn-book-closed:active {
    background: #e7e3dc;
    color: #5f5a53;
    cursor: default;
    filter: none;
    transform: none;
}