/* css/style.css */

/* 引入 Google 雲端字型 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;700&family=Noto+Sans+TC:wght@300;400;600;700&display=swap');

/* 全局共用設定 */
body { 
    font-family: 'Noto Sans TC', sans-serif; 
    background-color: #faf7f5; 
}
.brand-font { 
    font-family: 'Noto Serif TC', serif; 
}

/* --- Flatpickr 高質感日曆專屬美化 (只在 booking 頁面生效) --- */
.flatpickr-calendar {
    font-family: 'Noto Sans TC', sans-serif !important;
    box-shadow: 0 15px 30px -5px rgba(176, 141, 141, 0.2) !important;
    border: 1px solid #f9f5f3 !important;
    border-radius: 24px !important;
    padding: 10px !important;
}
/* 隱藏預設小三角形 */
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { display: none !important; }

/* 月份與年份標題 */
.flatpickr-current-month { 
    font-size: 1.15rem !important; 
    font-weight: 700 !important; 
    color: #8e7373 !important; 
}

/* 切換按鈕顏色 */
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { 
    fill: #b08d8d !important; 
}

/* 日期圓格設定 */
.flatpickr-day {
    border-radius: 50% !important; 
    color: #737373 !important;
    margin: 2px !important;
    transition: all 0.2s ease !important;
}

/* 今天日期框線 */
.flatpickr-day.today { border-color: #e5d5d0 !important; }

/* 選中日期：玫瑰粉漸層與光暈 */
.flatpickr-day.selected {
    background: linear-gradient(135deg, #b08d8d 0%, #967676 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(176, 141, 141, 0.4) !important;
    transform: scale(1.1) !important;
}