/* ======================================================
   🎯 تصحيح عرض المودال (Modal) في الجوال والكمبيوتر
   - يمنع ظهور المودال خلف الهيدر أو القائمة الجانبية
   - متوافق مع Bootstrap RTL v5.3.x
   ====================================================== */

/* تأكيد أن المودال في المقدمة */
.modal {
  z-index: 2000 !important;
  overflow-y: auto !important;
}

/* الخلفية المظللة (Backdrop) خلف المودال */
.modal-backdrop {
  z-index: 1999 !important;
  background-color: rgba(0,0,0,0.45) !important;
}

/* الهيدر والقائمة الجانبية */
.navbar, .sidebar, .offcanvas {
  z-index: 1000 !important;
}

/* تحسين المظهر على الجوال */
@media (max-width: 768px) {
  .modal-dialog {
    margin: 1rem auto !important;
    max-width: 95% !important;
  }
}

/* معالجة مشاكل بعض المتصفحات القديمة */
body.modal-open {
  overflow: hidden !important;
  padding-right: 0 !important;
}