/* إصلاح مشكلة ظهور Modal تحت Backdrop */

/* backdrop يجب أن يكون تحت Modal وفوق navbar */
.modal-backdrop {
    z-index: 1040 !important;
}

/* رفع z-index لجميع Modals فوق backdrop وnavbar */
.modal {
    z-index: 1050 !important;
}

.modal-dialog {
    z-index: 1051 !important;
    position: relative;
}

.modal-content {
    z-index: 1052 !important;
    position: relative;
}

/* Modal الإشعارات */
#testNotificationModal {
    z-index: 10000 !important;
}

#testNotificationModal.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

#testNotificationModal .modal-dialog {
    z-index: 10001 !important;
    position: relative;
}

#testNotificationModal .modal-content {
    z-index: 10002 !important;
    position: relative;
}

/* التأكد من أن Modal يظهر فوق كل شيء */
.modal.show {
    z-index: 10000 !important;
}

.modal-backdrop.show {
    z-index: 150 !important;
}

/* إصلاح مشكلة التمرير */
body.modal-open {
    overflow: hidden;
}

/* تحسين مظهر Modal */
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-content {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
}