fix holidays

global.css

@@ -323,6 +323,23 @@ body.no-scroll {
   margin-top: auto;
 }
 
+.modal-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  margin-top: 24px;
+  padding-top: 20px;
+  border-top: 1px solid var(--border-light);
+  width: 100%; /* Empêche le débordement */
+  box-sizing: border-box;
+}
+
+/* On s'assure que les boutons ne sont pas géants par défaut */
+.modal-footer .pf-btn {
+  width: auto;
+  min-width: 100px;
+}
+
 /* Notifications Toasts */
 .pf-toast {
   position: fixed;
@@ -395,6 +412,8 @@ body.no-scroll {
   .pf-modal {
     align-items: flex-end; /* Aligne la modale en bas */
     padding: 0;
+    z-index: 1000 !important;
+    background: rgba(15, 23, 42, 0.75);
   }
 
   .pf-modal-content {
@@ -409,6 +428,18 @@ body.no-scroll {
     transform: translateY(100%);
     animation: slideUpSheet 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
     max-height: 92vh; /* Laisse un petit espace en haut */
+    z-index: 1001;
+    overflow: hidden;
+  }
+  .prev-section-header,
+  .view-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap; /* Important pour le mobile */
+    gap: 15px;
+    margin-bottom: 20px;
+    width: 100%;
   }
 
   /* Barre de drag visuelle en haut de la modale */
@@ -422,6 +453,13 @@ body.no-scroll {
     margin: -10px auto 20px auto;
   }
 
+  .modal-footer {
+    flex-direction: column-reverse; /* Empilement propre sur mobile */
+  }
+  .modal-footer .pf-btn {
+    width: 100%; /* Largeur totale uniquement sur mobile */
+  }
+
   @keyframes slideUpSheet {
     to {
       transform: translateY(0);