fght

Bootstrap_new/css/theme-modern.css

@@ -1415,18 +1415,15 @@ select[class*="selectpicker"],
 
 /* --- LE HEADER STICKY (Base Neutral Pro) --- */
 .header-section {
-    position: -webkit-sticky;
     position: sticky;
     top: 0;
-    /* On reste à 1000 pour être au-dessus du contenu mais sous les menus système */
     z-index: 1000 !important; 
     background-color: rgba(255, 255, 255, 0.85);
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
     padding: 5px 0;
-    margin-bottom: 1rem !important;
+    margin-bottom: 0.15rem !important;
     border-bottom: 1px solid rgba(0,0,0,0.05);
-    transition: all 0.3s ease;
 }
 
 .header-section > div {
@@ -1794,23 +1791,96 @@ select[class*="selectpicker"],
     z-index: 9999 !important; 
 }
 
-/* --- TON STYLE PERSONNALISÉ NETTOYÉ --- */
-.ui-datepicker {
-    background: #c9ebf2;
-    border: 1px solid #212e53;
-    padding: 5px;
-    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
-    font-family: inherit;
+/* --- LE FIX Z-INDEX (Correctif SUPERIORITÉ) --- */
+#ui-datepicker-div {
+    z-index: 2000 !important; /* Supérieur au header (1000) */
 }
 
-.ui-datepicker-calendar th { background: white; }
-.ui-datepicker .ui-state-default { color: grey; border: none; background: #fff; }
-.ui-datepicker-today { background: #FFF88D !important; }
-.ui-datepicker-today a { color: red !important; }
-.ui-datepicker-current-day { background: #0B5ED7 !important; }
-.ui-datepicker-current-day a { color: white !important; }
-.ui-datepicker td { border: 1px solid #eee; padding: 2px; }
+/* --- LE DATEPICKER "NEUTRAL PRO" (jQuery UI) --- */
+/* 1. Conteneur principal : Plus grand, plus aéré, ombre premium */
+.ui-datepicker {
+    font-size: 10pt !important; /* Police plus lisible */
+    background: #fff !important; /* Fond blanc pur */
+    border: 2px solid #212e53 !important; /* Couleur Primary */
+    border-radius: 12px !important;
+    padding: 15px !important; /* Plus d'espace interne */
+    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; /* Ombre plus douce */
+    width: 280px !important; /* Largeur fixe pour la lisibilité */
+}
 
-/* Masquer les icônes par défaut si tu ne les utilises pas */
+/* 2. En-tête (Mois/Année) : Police forte, icônes masquées */
+.ui-datepicker-header {
+    background: #f8f9fa !important; /* Fond d'en-tête léger */
+    border: none !important;
+    padding: 0 0 10px 0 !important;
+    border-bottom: 1px solid #eee !important;
+    margin-bottom: 10px !important;
+}
+
+.ui-datepicker-title {
+    color: #212e53 !important; /* Couleur Primary */
+    font-weight: bold !important;
+    text-transform: uppercase;
+    font-size: 11pt !important;
+}
+
+/* Masquage des flèches par défaut */
 .ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e { display: none; }
-  
+
+/* 3. Jours de la semaine : Gris légers, en majuscules */
+.ui-datepicker-calendar th {
+    font-weight: bold;
+    color: #888;
+    text-transform: uppercase;
+    font-size: 8.5pt;
+    padding-bottom: 10px;
+}
+
+/* 4. Tableau des jours : Cellules plus grandes, sans bordures lourdes */
+.ui-datepicker-calendar {
+    border-collapse: collapse;
+}
+
+.ui-datepicker-calendar td {
+    padding: 2px;
+}
+
+/* 5. Style des Jours Standards : Pas de bordures, fond blanc */
+.ui-datepicker .ui-state-default {
+    background: #fff !important;
+    color: #555 !important;
+    border: none !important;
+    text-align: center;
+    padding: 8px !important;
+    border-radius: 8px; /* Jours arrondis */
+    font-weight: 500;
+}
+
+/* Hover sur les jours : Gris très léger */
+.ui-datepicker .ui-state-default:hover {
+    background-color: #f1f3f5 !important;
+    color: #212e53 !important;
+}
+
+/* 6. Jours Désactivés (Passés/Futurs) : Gris léger */
+.ui-state-disabled {
+    opacity: 0.35 !important;
+}
+
+/* --- LE STYLE DES ÉTATS (Charte Graphique) --- */
+/* A. Jour d'Aujourd'hui : Jaune Charte avec bordure Primary */
+.ui-datepicker-today a {
+    background-color: #FFF88D !important; /* Ton jaune charte */
+    color: #dc3545 !important; /* Texte Rouge (Alerte) */
+    font-weight: bold !important;
+    border: 1px solid #212e53 !important; /* Bordure Primary */
+}
+
+/* B. Jour Sélectionné : Couleur Primary avec texte blanc */
+.ui-datepicker-current-day a, 
+.ui-datepicker .ui-state-active {
+    background-color: #212e53 !important; /* Couleur Primary Charte */
+    color: #fff !important; /* Texte blanc */
+    font-weight: bold !important;
+    border: 1px solid #212e53 !important;
+}