From 187261170aa4660dbad68b2b1e57212524504f9c Mon Sep 17 00:00:00 2001
From: Serreau Jovann <jovann@siteconseil.fr>
Date: Fri, 20 Mar 2026 18:48:01 +0100
Subject: [PATCH] Remove grey background behind custom map marker icon

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 assets/app.scss             | 6 ++++++
 assets/modules/event-map.js | 1 +
 2 files changed, 7 insertions(+)

diff --git a/assets/app.scss b/assets/app.scss
index e71b7fe..5d42d14 100644
--- a/assets/app.scss
+++ b/assets/app.scss
@@ -341,6 +341,12 @@ e-ticket-editor {
     border-bottom: none;
 }
 
+/* ===== Leaflet custom marker ===== */
+.leaflet-marker-custom {
+    background: none !important;
+    border: none !important;
+}
+
 /* ===== Marquee ===== */
 @keyframes marquee {
     0% { transform: translateX(0); }
diff --git a/assets/modules/event-map.js b/assets/modules/event-map.js
index af0386d..7896c51 100644
--- a/assets/modules/event-map.js
+++ b/assets/modules/event-map.js
@@ -45,6 +45,7 @@ function geocodeAndRender(address, mapEl) {
                 iconSize: [40, 40],
                 iconAnchor: [20, 40],
                 popupAnchor: [0, -40],
+                className: 'leaflet-marker-custom',
             })
 
             L.marker([lat, lon], { icon }).addTo(map).bindPopup('<b>' + address + '</b>').openPopup()