@charset "utf-8";
/**
 * 山屋商號 - 週六音樂會列表專屬自訂樣式表
 */

/* 卡片懸浮微幅位移與投影 */
.sunwood-event-card {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;
    background-color: #161a18 !important; /* 音樂會卡片微調成稍深的背景，與商品做出區隔 */
}

.sunwood-event-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
}

/* 音樂風格分類標籤 */
.event-style-badge {
    letter-spacing: 0.15em;
    font-size: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}

/* 日期數字 */
.event-date-badge {
    font-size: 1.75rem;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* 歌手/樂團名稱 */
.event-artist-name {
    font-family: 'PingFang TC', 'Microsoft JhengHei', sans-serif;
    letter-spacing: 0.08em;
    line-height: 1.4;
}

/* 音樂會簡介文字 */
.event-description {
    line-height: 1.6;
    color: #94a3b8 !important; /* slate-400，提供更好的可讀性 */
}

/* ==========================================
   按鈕群美化
   ========================================== */

/* 1. 集氣中按鈕：加入微幅的呼吸發光動畫 */
.btn-event-wish {
    text-transform: uppercase;
    box-shadow: 0 0 0 0 rgba(234, 88, 12, 0.4);
    animation: pulse-orange 2s infinite;
}

@keyframes pulse-orange {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(234, 88, 12, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(234, 88, 12, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(234, 88, 12, 0);
    }
}

/* 2. 線上索票按鈕 */
.btn-event-ticket {
    letter-spacing: 0.15em;
    font-weight: 600;
    border: 1px solid transparent;
}

.btn-event-ticket:hover {
    border-color: #8c7662;
    background-color: transparent !important;
    color: #8c7662 !important;
}

/* 3. 已完售按鈕 */
.btn-event-soldout {
    letter-spacing: 0.1em;
    border: 1px solid #27272a;
    background-color: #18181b !important;
}