/*
 * 商品頁限時折扣倒數＋會員等級限時提示（片 pb-timed-discount-countdown-block；PRD Part4 :3366 計時數字固定寬度）。
 * 容器由 page-builder 伺服端輸出、行為見 js/storefront/sale-countdown.js。token 皆帶退路值。
 */
.ec-sale-countdown {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5em;
    margin: var(--ec-sale-countdown-margin, 0.5rem 0);
    color: var(--ec-sale-countdown-color, #c0392b);
    font-size: var(--ec-sale-countdown-font-size, 0.95em);
}

.ec-sale-countdown__time {
    display: inline-block;
    min-width: var(--ec-sale-countdown-time-min-width, 5.5em);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.ec-sale-countdown__ended {
    flex: 1 1 auto;
    overflow-wrap: anywhere;
}

.ec-sale-countdown__refresh {
    padding: 0.15em 0.8em;
    border: 1px solid currentColor;
    border-radius: var(--ec-sale-countdown-refresh-radius, 4px);
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.ec-member-sale-hint {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35em;
    margin: var(--ec-member-sale-hint-margin, 0.25rem 0);
    color: var(--ec-member-sale-hint-color, #8a6d3b);
    font-size: var(--ec-member-sale-hint-font-size, 0.9em);
    overflow-wrap: anywhere;
    white-space: normal;
}

.ec-member-sale-hint[hidden],
.ec-sale-countdown[hidden] {
    display: none;
}