/* Fix Modal Centering - 100% ถูกต้อง */

/* เมื่อ modal show ให้เป็น flex */
#loginModal.show,
#registrationModal.show {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0, 0, 0, 0.5) !important;
}

/* ให้ modal-dialog อยู่ตรงกลาง */
#loginModal.show .modal-dialog,
#registrationModal.show .modal-dialog {
    margin: auto !important;
    position: relative !important;
    width: auto !important;
    max-width: 500px !important;
}

/* ป้องกัน modal-dialog-centered ของ Bootstrap ไม่ให้มี min-height ที่เกินขอบเขต */
#loginModal .modal-dialog-centered,
#registrationModal .modal-dialog-centered {
    display: block !important;
    min-height: auto !important;
}