/*
* Modal
*/

/* Desktop: Luôn center và margin-top mặc định (không chịu tác động bởi thiết lập) */
@media (min-width: 992px) {
    .modal .modal-dialog {
        display: flex !important;
        justify-content: center !important;
    }
}

/* Mobile: Chịu tác động của thiết lập */
@media (max-width: 991.98px) {
    .modal .modal-dialog {
        display: flex;
        justify-content: center;
    }
    
    /* Modal không centered trên mobile */
    .modal .modal-dialog:not(.modal-dialog-centered) {
        margin-top: 13%;
        align-items: flex-start;
    }
    
    /* Modal centered trên mobile */
    .modal .modal-dialog.modal-dialog-centered {
        align-items: center;
        min-height: calc(100% - var(--bs-modal-margin) * 2);
        margin-top: 0;
    }
    
    /* Xử lý margin-top tùy chỉnh trên mobile (dựa vào CSS var) */
    .modal .modal-dialog[style*="--custom-margin-top"] {
        margin-top: var(--custom-margin-top) !important;
        align-items: flex-start !important;
    }
}