/**
 * Corrections des z-index pour les modals Bootstrap 5
 * 
 * Hiérarchie des z-index dans l'application :
 * - Contenu normal : 1-999
 * - Chat widget : 1000
 * - Modal backdrop : 1040
 * - Modal : 1050
 * - Toast notifications : 11000
 * - Overlay de chargement : 9999 (quand affiché)
 */

/* Fix principal pour les modals Bootstrap */
.modal-backdrop {
    z-index: 1040 !important;
}

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

/* Support pour les modals empilées (modal dans modal) */
.modal-backdrop.show ~ .modal-backdrop.show {
    z-index: 1060 !important;
}

.modal.show ~ .modal.show {
    z-index: 1070 !important;
}

/* Assurer que le modal-dialog est bien au-dessus du backdrop */
.modal-dialog {
    z-index: 1051 !important;
    position: relative;
}

/* Fix spécifique pour les modals centrées */
.modal-dialog-centered {
    z-index: 1051 !important;
}

/* Fix pour les dropdowns dans les modals */
.modal .dropdown-menu {
    z-index: 1055 !important;
}

/* Fix pour les popovers dans les modals */
.modal .popover {
    z-index: 1056 !important;
}

/* Fix pour les tooltips dans les modals */
.modal .tooltip {
    z-index: 1057 !important;
}

/* Assurer que le backdrop ne bloque jamais les modals */
body.modal-open {
    overflow: hidden;
}

/* Fix pour les modals dans le chat widget */
/* ============================================================
   MaivenImagePicker — bibliothèque d'images unifiée
   Doit toujours être au-dessus de tout autre modal
   (flipcard, beforeafter, hotspot, focus, coloring, etc.)
   Sélecteur ID = spécificité supérieure aux règles .modal/.modal.show ci-dessus.
   ============================================================ */
#imageLibraryModal {
    z-index: 1080 !important;
}

#imageLibraryModal.show {
    z-index: 1080 !important;
}

/* Backdrop dédié — marqué dynamiquement par image_library_modal.js */
.modal-backdrop.image-library-backdrop {
    z-index: 1075 !important;
}

/* ============================================================
   Sidebar — passer sous le backdrop quand une modal est ouverte
   La sidebar a z-index: 9999 (argon-dashboard.css) ce qui la place
   au-dessus du backdrop (1040) et de la modal (1050).
   ============================================================ */
body.modal-open #sidenav-main {
    z-index: 1030 !important;
}