/* =====================================================================
 * SweetAlert2 鄺聯品牌樣式
 * 套用在聯絡表單的成功／失敗／驗證提示，改成大地色系、圓角、襯線標題，
 * 與站上其他元件（tools.css 的 kl- 系列）視覺一致。
 * customClass 由 HomeContactForm 的 Swal.mixin 帶入（kl-swal-*）。
 * ===================================================================== */

/* 疊在所有東西之上。舊站有 z-index 高達 50000 的元素（.navbar-toggler），
   SweetAlert2 預設容器只有 1060，會被壓在下面、背景遮罩也蓋不住整頁。 */
.swal2-container { z-index: 999999 !important; }

.kl-swal-popup {
    border-radius: 22px !important;
    padding: 34px 30px 28px !important;
    border: 1px solid #efe6d8;
    box-shadow: 0 24px 60px rgba(32, 21, 14, 0.22) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fdfaf5 100%) !important;
}

.kl-swal-title {
    font-family: 'Noto Serif TC', serif !important;
    font-size: 24px !important;
    letter-spacing: 2px !important;
    color: #20150e !important;
    margin-top: 6px !important;
}

.kl-swal-text {
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #6f6152 !important;
    letter-spacing: .3px;
}

/* 主按鈕：沿用工具站的漸層棕主按鈕 */
.kl-swal-confirm {
    font-family: inherit !important;
    font-size: 15px !important;
    letter-spacing: 3px !important;
    padding: 11px 40px !important;
    border-radius: 30px !important;
    background: linear-gradient(135deg, #9a5810, #7a4109) !important;
    box-shadow: 0 6px 16px rgba(138, 76, 14, 0.28) !important;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}
.kl-swal-confirm:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
    box-shadow: 0 9px 22px rgba(138, 76, 14, 0.34) !important;
}
.kl-swal-confirm:focus {
    box-shadow: 0 0 0 3px rgba(138, 76, 14, 0.25) !important;
}

/* 圖示配色改成大地色系，不用預設的鮮綠／鮮紅 */
.kl-swal-popup .swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(21, 128, 61, .3) !important; }
.kl-swal-popup .swal2-icon.swal2-success [class^='swal2-success-line'] { background-color: #15803d !important; }
.kl-swal-popup .swal2-icon.swal2-success .swal2-success-fix,
.kl-swal-popup .swal2-icon.swal2-success .swal2-success-circular-line-left,
.kl-swal-popup .swal2-icon.swal2-success .swal2-success-circular-line-right { background: transparent !important; }
.kl-swal-popup .swal2-icon.swal2-error { border-color: rgba(176, 57, 42, .3) !important; }
.kl-swal-popup .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { background-color: #b0392a !important; }
.kl-swal-popup .swal2-icon.swal2-warning {
    border-color: rgba(138, 76, 14, .35) !important;
    color: #8a4c0e !important;
}

/* 錯誤碼小字（診斷用），置於底部、低調呈現 */
.kl-swal-footer {
    font-size: 12px !important;
    color: #b0a595 !important;
    letter-spacing: .5px;
    border-top: 1px solid #f0e8db !important;
    margin-top: 18px !important;
    padding-top: 12px !important;
}
.kl-swal-footer code {
    font-family: 'Courier New', Consolas, monospace;
    color: #8a7a66;
}

@media (max-width: 480px) {
    .kl-swal-popup { padding: 26px 20px 22px !important; }
    .kl-swal-title { font-size: 21px !important; }
}