/**
 * modalOffcanvasFix.css
 * 
 * Corriger l'interaction Modal + Offcanvas en Bootstrap 5.3.5
 * 
 * Problème : Quand une Modal s'ouvre au-dessus d'un Offcanvas,
 * les onglets Bootstrap (data-bs-toggle="tab") ne répondent pas aux clics.
 * 
 * Cause : Bootstrap ajoute une classe "modal-open" au body qui crée un 
 * stacking context. Les événements de clic sur les onglets sont alors 
 * bloqués par le backdrop ou mal délégués.
 * 
 * Solution CSS :
 * 1. Forcer pointer-events:auto sur les onglets et leurs parents
 * 2. Assurer que le backdrop de la modal n'interfère pas
 * 3. Augmenter le z-index de la modal pour la priorité d'affichage
 */

/* Correction pour les nav-tabs (onglets) quand une modal est ouverte */
.modal.show .nav-tabs,
.modal.show .nav-tabs .nav-link,
.modal.show .nav-tabs button[data-bs-toggle="tab"] {
  pointer-events: auto !important;
  position: relative;
}

/* S'assurer que les onglets restent cliquables en cas de multiples modals */
.modal.show .nav-tabs button[data-bs-toggle="tab"] {
  cursor: pointer;
  z-index: 1060;
}

/* Correction du stacking context quand modal + offcanvas coexistent */
body.modal-open .offcanvas.show {
  z-index: 1045;
}

body.modal-open .modal {
  z-index: 1060;
}

body.modal-open .modal-backdrop {
  z-index: 1055;
}

/* S'assurer que le contenu des onglets est accessible */
.modal.show .tab-content {
  pointer-events: auto;
  position: relative;
  z-index: 1;
}

/* Correction pour les tab-pane (contenu des onglets) */
.modal.show .tab-pane {
  pointer-events: auto;
}

/* S'assurer que les contrôles de formulaire dans les onglets sont accessibles */
.modal.show .tab-pane input,
.modal.show .tab-pane select,
.modal.show .tab-pane textarea,
.modal.show .tab-pane button {
  pointer-events: auto !important;
}