df

Bootstrap_new/css/theme-modern.css

@@ -1420,7 +1420,7 @@ select[class*="selectpicker"],
     top: 0;
     /* On descend à 1020 : assez pour survoler la page, 
        mais assez bas pour laisser passer les dropdowns (1050+) */
-    z-index: 1020; 
+    z-index: 1010 !important; 
     background-color: rgba(255, 255, 255, 0.85); /* Un blanc légèrement plus opaque pour la lisibilité */
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
@@ -1772,16 +1772,22 @@ select[class*="selectpicker"],
         border-color: #dee2e6 !important;
     }
 
-  /* On force le calendrier à passer devant le header sticky (z-index > 1020) */
-  .datepicker-dropdown {
-      z-index: 9999 !important;
-  }
 
-    .datepicker {
+  /* On cible le conteneur du calendrier (selon la bibliothèque utilisée) */
-    padding: 10px !important;
+.datepicker-dropdown, 
-    border: 2px solid #212e53 !important; /* Ta couleur Primary-ghost */
+.datepicker.dropdown-menu, 
-    border-radius: 10px !important;
+.bootstrap-datetimepicker-widget {
-    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
+    z-index: 9999 !important; /* On explose le plafond des 1050 */
+    opacity: 1 !important;
+    visibility: visible !important;
+    display: block !important; /* Parfois le flou du header cache les éléments en 'absolute' */
+}
+
+.datepicker {
+   padding: 10px !important;
+   border: 2px solid #212e53 !important; /* Ta couleur Primary-ghost */
+   border-radius: 10px !important;
+   box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
 }
 
 .datepicker table tr td.active {