/* Modal z-index settings - using standard Bootstrap z-index values */
.modal-backdrop {
    z-index: 1040 !important; 
}

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

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

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

/* Ensure select/dropdown menus appear above modal backdrop */
.choices__list--dropdown {
    z-index: 1060 !important;
}

/* Ensure tooltips appear above modals */
.tooltip {
    z-index: 1070 !important;
}

/* Fix for the suivi-btn element */
.suivi-btn {
    z-index: auto !important;
}

/* Ensure modals can be closed when clicking outside */
.modal {
    cursor: pointer;
}

.modal-dialog {
    cursor: default;
}

/* RTL specific fixes */
[dir="rtl"] .main-nav {
    right: 0;
    left: auto;
}

[dir="rtl"] .page-content {
    margin-right: 250px;
    margin-left: 0;
}

[dir="rtl"] .wrapper .navbar-nav .nav-link {
    text-align: right;
}

[dir="rtl"] .wrapper .navbar-nav .nav-icon {
    margin-left: 0.5rem;
    margin-right: 0;
}

[dir="rtl"] .logo-box a {
    text-align: right;
}

[dir="rtl"] .nav-text {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* Fix sidebar positioning for RTL */
[dir="rtl"] .wrapper.menubar-open .main-nav {
    transform: translateX(0);
}

[dir="rtl"] .wrapper:not(.menubar-open) .main-nav {
    transform: translateX(100%);
}

/* Responsive RTL fixes */
@media (max-width: 991.98px) {
    [dir="rtl"] .page-content {
        margin-right: 0;
        margin-left: 0;
    }
    
    [dir="rtl"] .main-nav {
        right: -250px;
        left: auto;
    }
    
    [dir="rtl"] .wrapper.menubar-open .main-nav {
        right: 0;
    }
}

/* Text alignment for Arabic */
[dir="rtl"] .page-title h4,
[dir="rtl"] .breadcrumb,
[dir="rtl"] .card-title,
[dir="rtl"] .nav-text {
    text-align: right;
}

/* Fix margins and padding for RTL */
[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }

/* Store info RTL adjustments */
[dir="rtl"] .nav-link div {
    margin-right: 5px;
    margin-left: 0;
}

[dir="rtl"] .nav-link a {
    margin-right: auto;
    margin-left: 0;
}

/* Additional RTL fixes for layout overlap issues */
[dir="rtl"] .wrapper {
    direction: rtl;
}

[dir="rtl"] .wrapper .page-content {
    margin-right: 250px !important;
    margin-left: 0 !important;
    direction: rtl;
}

/* Force sidebar to the right side */
[dir="rtl"] .main-nav {
    right: 0 !important;
    left: auto !important;
    position: fixed !important;
}

/* Ensure content doesn't overlap on desktop */
@media (min-width: 992px) {
    [dir="rtl"] .wrapper .page-content {
        margin-right: 250px !important;
        margin-left: 0 !important;
        padding-right: 20px;
    }
}

/* Mobile responsive fixes for RTL */
@media (max-width: 991.98px) {
    [dir="rtl"] .wrapper .page-content {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    
    [dir="rtl"] .main-nav {
        right: -250px !important;
        left: auto !important;
        transform: translateX(0) !important;
    }
    
    [dir="rtl"] .wrapper.menubar-open .main-nav {
        right: 0 !important;
        transform: translateX(0) !important;
    }
}

/* Fix for breadcrumb and navigation elements */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0;
    padding-right: 0.5rem;
    content: "\\";
}

/* Text alignment and font fixes for Arabic */
[dir="rtl"] {
    font-family: 'Segoe UI', Tahoma, 'Noto Sans Arabic', Arial, sans-serif;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 {
    text-align: right;
}

[dir="rtl"] .container-xxl, [dir="rtl"] .container-fluid {
    direction: rtl;
}

/* Debug styles to identify layout issues */
[dir="rtl"] .debug-rtl {
    border: 2px solid red !important;
    background: rgba(255, 0, 0, 0.1) !important;
}