/*
 * 官網靜態站補充樣式
 *
 * 主樣式仍是舊站的 v202411/style.css（GCS bucket），裡頭已經有
 * `#right-drawer .booking-form ...`、`.captcha-wrapper`、`.refresh-captcha`、
 * `.radio-group` 等預約表單樣式 —— 所以表單外觀直接沿用舊站，不在這裡重寫。
 *
 * 本檔只補「舊站沒有、新版才需要」的三件事：
 *   1. 蜜罐（honeypot）欄位的隱藏
 *   2. 送出結果的成功/失敗提示區（舊站用 alert()，改成頁面內回饋）
 *   3. 送出中的按鈕狀態 + 表單與聯絡管道之間的分隔
 */

/* 1. 蜜罐欄位 —— 對真人完全不可見，但仍在 DOM 裡讓自動填表機器人上鉤。
      刻意不用 display:none / hidden（部分 bot 會跳過不可見欄位）。 */
#right-drawer .gs-hp-field {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* 2. 送出結果提示 */
#right-drawer .booking-status {
    display: none;
    margin: 0 0 16px;
    padding: 12px 14px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.6;
}

#right-drawer .booking-status.is-visible {
    display: block;
}

#right-drawer .booking-status.is-success {
    background: #e8f5e9;
    border: 1px solid #a5d6a7;
    color: #1b5e20;
}

#right-drawer .booking-status.is-error {
    background: #fdecea;
    border: 1px solid #f5c6cb;
    color: #a12622;
}

/* 3. 送出中狀態與分隔線 */
#right-drawer .booking-form .btn-success[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}

#right-drawer .consult-divider {
    margin: 28px 0 20px;
    border: 0;
    border-top: 1px solid #e0e0e0;
}

#right-drawer .consult-fallback-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #333;
}