/* ==========================================
   開台清水寺 - 古典紅金主題 (classic_red)
   ========================================== */

:root {
    --temple-red: #7e0f0f;
    --temple-red-dark: #3a0405;
    --temple-gold: #d99c38;
    --temple-gold-light: #f3db9f;
    --temple-bg: #f3eae1;
    --temple-text: #3c2c20;
}

body {
    background-image: url('assets/bg_texture.jpg') !important;
    background-repeat: repeat !important;
    background-color: var(--temple-bg) !important;
    color: var(--temple-text) !important;
}

/* 導覽列優化 */
.temple-navbar {
    background: linear-gradient(90deg, #6c0d0e 0%, #3a0405 100%) !important;
    border-bottom: 3px double var(--temple-gold) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

.navbar-brand {
    color: var(--temple-gold-light) !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6) !important;
}

.nav-link {
    color: #e5ded4 !important;
}

.nav-link:hover {
    color: var(--temple-gold-light) !important;
}

.nav-link::after {
    background-color: var(--temple-gold-light) !important;
}

/* 金黃色按鈕優化 */
.btn-gold {
    background: linear-gradient(135deg, #d99c38 0%, #a26b17 100%) !important;
    color: #2b0b00 !important;
    border: 1px solid var(--temple-gold-light) !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2) !important;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.3) !important;
    font-weight: bold !important;
}

.btn-gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(217, 156, 56, 0.4) !important;
    background: linear-gradient(135deg, #f3db9f 0%, #d99c38 100%) !important;
}

/* 線條按鈕 */
.btn-outline-danger {
    border-color: var(--temple-red) !important;
    color: var(--temple-red) !important;
}

.btn-outline-danger:hover {
    background-color: var(--temple-red) !important;
    color: #ffffff !important;
}

/* Fallback Banner */
.hero-section {
    background-image: url('assets/hero_temple.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    border-bottom: 4px solid var(--temple-gold) !important;
}

.hero-overlay {
    background: linear-gradient(to bottom, rgba(58, 4, 5, 0.3) 0%, rgba(58, 4, 5, 0.8) 100%) !important;
}

.hero-title {
    color: var(--temple-gold-light) !important;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8) !important;
}

/* 卡片設計優化 (以切出的圖片替換 Bootstrap Icon) */
.feature-card {
    background-color: #fffdf8 !important;
    border: 2px solid #ebdcb9 !important;
    border-bottom: 5px solid #a26b17 !important;
    box-shadow: 0 8px 20px rgba(126,15,15,0.06) !important;
    border-radius: 8px !important;
    padding: 30px 20px !important;
}

.feature-card .feature-icon {
    display: block;
    width: 150px;
    height: 130px;
    margin: 0 auto 20px auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 6px;
    border: 1px solid #ebdcb9;
}

/* 隱藏 Bootstrap 預設的 Icon 字元 */
.feature-card .feature-icon::before {
    display: none !important;
}

/* 依據欄位序號代入對應切圖 */
.col-md-4:nth-child(1) .feature-card .feature-icon {
    background-image: url('assets/card_light.jpg') !important;
}

.col-md-4:nth-child(2) .feature-card .feature-icon {
    background-image: url('assets/card_dharma.jpg') !important;
}

.col-md-4:nth-child(3) .feature-card .feature-icon {
    background-image: url('assets/card_fortune.jpg') !important;
}

/* 標題與版面修飾 */
.section-title h2 {
    color: var(--temple-red) !important;
}

.section-title h2::after {
    background-color: var(--temple-gold) !important;
}

/* 最新消息 */
.news-item:hover {
    background-color: #fffdf8 !important;
    border-left: 4px solid var(--temple-gold) !important;
}

/* 歷史沿革特殊裝飾 */
#history-statue-decorator {
    display: inline-block;
    width: 120px;
    height: 135px;
    background-image: url('assets/history_zushi.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 15px;
}