@font-face {
    font-family: 'TH Sarabun New';
    src: url('../FrontEnd/font/THSarabunNew.ttf') format("truetype");
}
@font-face {
    font-family: 'Angsana New';
    src: url('../FrontEnd/font/THSarabunNew.ttf') format("truetype");
}
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(11, 40, 47, 0.82); /* สีดำโปร่งแสง */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    display: none; /* ซ่อนเริ่มต้น */
}

.loader-gif {
    width: 250px;
    height: 250px;
    object-fit: contain;
    display: block; /* ป้องกัน margin หรือ padding แปลก ๆ จาก inline element */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ql-editor {
    font-family: 'TH Sarabun New', sans-serif !important;
    font-size: 16pt !important;
    white-space: pre-wrap !important;
}

    .ql-editor * { /* บังคับทุกข้อความใน editor */
        font-family: 'TH Sarabun New', sans-serif !important;
        font-size: 16pt !important;
    }



.btn-bookingorange {
    display: inline-block;
    width: 100%; /* ✅ ขยายให้เต็มความกว้างของ col-2 */
    font-family: 'TH Sarabun New', sans-serif;
    font-size: 28pt !important;
    font-weight: bold !important;
    color: white !important;
    background: linear-gradient(135deg, #FF8C00, #FF4500);
    padding: 25px 30px !important;
    border-radius: 30px !important;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25);
    border: none;
    text-align: center;
}


    /* เอฟเฟกต์เมื่อ Hover */
    .btn-bookingorange:hover {
        background: linear-gradient(135deg, #FF4500, #FF8C00); /* สลับเฉดสี */
        transform: scale(1.05); /* ขยายปุ่มเล็กน้อย */
        box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.3); /* เพิ่มเงาตอน Hover */
    }

    /* เอฟเฟกต์เมื่อคลิก */
    .btn-bookingorange:active {
        transform: scale(0.98); /* ลดขนาดเล็กลงเมื่อกด */
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    }



.btn-bookingblue {
    display: inline-block;
    font-family: 'TH Sarabun New', sans-serif;
    font-size: 18pt !important;
    font-weight: bold !important;
    color: white !important;
    background: linear-gradient(135deg, #A8CEE9, #045174); /* ไล่เฉดสีส้ม-แดง */
    padding: 5px 30px !important;
    border-radius: 20px !important; /* ทำให้ปุ่มโค้งมน */
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* เพิ่มเงา */
    border: none;
    text-align: center;
}

    /* เอฟเฟกต์เมื่อ Hover */
    .btn-bookingblue:hover {
        background: linear-gradient(135deg, #9DB6CC, #A7C2D7); /* สลับเฉดสี */
        transform: scale(1.05); /* ขยายปุ่มเล็กน้อย */
        box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.3); /* เพิ่มเงาตอน Hover */
    }

    /* เอฟเฟกต์เมื่อคลิก */
    .btn-bookingblue:active {
        transform: scale(0.98); /* ลดขนาดเล็กลงเมื่อกด */
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    }