```

✨ feat(FlowReserve): Ajoute la propagation d'événements à la fermeture.
🎨 style(reservation/base): Ajuste la valeur z-index de la barre de date.
```

assets/tools/FlowReserve.js

@@ -129,8 +129,17 @@ export class FlowReserve extends HTMLAnchorElement {
     
             // Bind events
             const sidebar = document.getElementById(this.sidebarId);
-            sidebar.querySelector('.backdrop').addEventListener('click', () => this.close());
-            sidebar.querySelector('#flow-reserve-close').addEventListener('click', () => this.close());
+            
+            const closeHandler = (e) => {
+                if (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                }
+                this.close();
+            };
+
+            sidebar.querySelector('.backdrop').addEventListener('click', closeHandler);
+            sidebar.querySelector('#flow-reserve-close').addEventListener('click', closeHandler);
         }
     async refreshContent() {
         const container = document.getElementById('flow-reserve-content');

templates/revervation/base.twig

@@ -175,7 +175,7 @@
 <main class="flex-grow" id="main-content" role="main">
     {# --- DATE SELECTION BLOCK --- #}
     {% block date_selection %}
-        <div class="bg-[#f39e36] text-white py-4 px-4 sticky top-20 z-[100] border-b border-white/10 shadow-xl">
+        <div class="bg-[#f39e36] text-white py-4 px-4 sticky top-20 z-40 border-b border-white/10 shadow-xl">
             <div class="max-w-7xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4">
                 <div class="flex items-center gap-3">
                     <div class="p-2 bg-white/50 rounded-lg">