/* 全域字體設定：使用思源宋體，營造高級感 */
body {
    font-family: 'Noto Serif TC', serif;
    color: #333;
    background-color: #f9f9f9; /* 稍微帶點米灰，不要死白 */
}

/* 讓所有按鈕變成直角，不要圓角 */
.btn, .card, .form-control {
    border-radius: 0 !important;
}

/* 導覽列字體 */
.font-serif {
    font-family: 'Noto Serif TC', serif;
    font-weight: 700;
}


/* 按鈕風格重塑 
   模仿高級飯店常用的「幽靈按鈕 (Ghost Button)」或深色按鈕
*/
.btn-primary {
    background-color: #2c2c2c; /* 深灰色 */
    border-color: #2c2c2c;
    padding: 10px 25px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

    .btn-primary:hover {
        background-color: #555; /* 滑鼠移過去變淺一點 */
        border-color: #555;
    }

.btn-outline-primary {
    color: #2c2c2c;
    border-color: #2c2c2c;
}

    .btn-outline-primary:hover {
        background-color: #2c2c2c;
        color: #fff;
    }
/* 共用的頁面標題區塊：專門處理手機版 Navbar 較高，導致遮擋標題的問題 */
@media (max-width: 768px) {
    .page-header-section {
        padding-top: 100px !important; /* 強制將上方內距撐開，避開 Navbar */
    }
}