fixed cut overlays and solved the docker duplication thing

map/app/public/css/modules/leaflet-custom.css

@@ -54,8 +54,8 @@
     cursor: pointer;
 }
 
-/* Ensure circle markers are visible */
-path.leaflet-interactive {
+/* Ensure circle markers are visible - but NOT cut polygons */
+path.leaflet-interactive:not(.cut-polygon) {
     stroke: #fff;
     stroke-opacity: 1;
     stroke-width: 2;
@@ -107,7 +107,15 @@ path.leaflet-interactive {
 /* Cut polygons - allow dynamic opacity (higher specificity to override) */
 .leaflet-container path.leaflet-interactive.cut-polygon {
     stroke-width: 2px !important;
-    /* Allow JavaScript to control fill-opacity - remove !important */
+    /* Allow JavaScript to control fill-opacity - explicitly do NOT override it */
+    stroke: currentColor !important;
+    stroke-opacity: 0.8 !important;
+}
+
+/* Additional specificity rule for cut polygons to ensure JS opacity takes precedence */
+path.leaflet-interactive.cut-polygon {
+    /* Do not set fill-opacity here - let JavaScript control it */
+    stroke-width: 2px;
 }
 
 /* Marker being moved */

map/app/public/css/modules/start-location-marker.css

@@ -37,6 +37,10 @@
     border-radius: 50%;
     background: rgba(255, 68, 68, 0.3);
     animation: pulse-ring 2s ease-out infinite;
+    /* Position the pulse at the tip of the marker */
+    top: 24px;
+    left: 0;
+    transform-origin: center center;
 }
 
 @keyframes bounce-marker {
@@ -69,4 +73,4 @@
 
 .start-location-popup-enhanced .leaflet-popup-content {
     margin: 0;
-}
+}