/* Modal Fix CSS - حل مشکل Modal ها */

/* اطمینان از نمایش صحیح Modal ها */
.modal {
    z-index: 1055 !important;
}

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

/* حل مشکل دکمه‌های بستن */
.modal-header .btn-close,
.modal-header [data-bs-dismiss="modal"] {
    cursor: pointer !important;
    z-index: 1056 !important;
}

/* حل مشکل Modal در موبایل */
@media (max-width: 768px) {
    .modal-dialog {
        margin: 0.5rem !important;
        max-width: calc(100% - 1rem) !important;
    }
    
    .modal-content {
        border-radius: 0.5rem !important;
    }
}

/* حل مشکل backdrop */
.modal-backdrop.show {
    opacity: 0.5 !important;
}

/* حل مشکل Modal های تودرتو */
.modal.show {
    display: block !important;
}

/* حل مشکل دکمه‌های انصراف */
.btn[data-bs-dismiss="modal"] {
    cursor: pointer !important;
}

/* حل مشکل Modal در حالت RTL */
[dir="rtl"] .modal-dialog {
    direction: rtl;
}

[dir="rtl"] .modal-header {
    flex-direction: row-reverse;
}

/* حل مشکل Modal های AJAX */
.modal.fade {
    transition: opacity 0.15s linear;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

.modal.show .modal-dialog {
    transform: none;
}