/**
 * SPOTD — Couches modales Bootstrap au-dessus de tout le chrome UI.
 *
 * 1) Cause principale « fond noir par-dessus le formulaire » : le <main> avait z-index:0,
 *    ce qui créait un contexte d’empilement : TOUT le contenu du main (y compris .modal)
 *    restait SOUS le .modal-backdrop (ajouté sur <body>). La navbar (1030) restait au-dessus
 *    du bloc main → en-tête OK, zone formulaire voilée / non cliquable.
 * 2) Surcharges : bouton scroll, menus mobile (1060), etc. — z-index modale + backdrop élevés.
 *
 * Charger après navbar-spotd, spotd-drafted-theme, spotd-dashboard-shell.
 */
/* Backdrop sous la boîte de dialogue ; les .modal doivent être enfants directs de <body> (hors #wrapper). */
.modal-backdrop {
  z-index: 10890 !important;
}

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

.modal-dialog {
  pointer-events: auto;
}

/* Bouton retour en haut : ne pas voler les clics quand une modale est ouverte */
body.modal-open .spotd-scroll-top {
  z-index: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
