From cdc8fe90ac95e7b82283a7464fc7552cc5463b03 Mon Sep 17 00:00:00 2001
From: Gwadaking <gwawaking.dev@gmail.com>
Date: Fri, 3 Apr 2026 20:43:08 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20forecasts=20fill=20opacity=200.45?=
 =?UTF-8?q?=E2=86=920.12=20=E2=80=94=20zones=20pr=C3=A9dictives=20non=20op?=
 =?UTF-8?q?aques?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Les prévisions sont des estimations approximatives : réduire le fill à 0.12
laisse voir la carte (et la terre) en dessous, communiquant visuellement
"zone probable" vs observation confirmée. Contour tirets [6,4] plus lisible.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/components/Map/SargassesMap.jsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Map/SargassesMap.jsx b/frontend/src/components/Map/SargassesMap.jsx
index ff396e8..4972868 100644
--- a/frontend/src/components/Map/SargassesMap.jsx
+++ b/frontend/src/components/Map/SargassesMap.jsx
@@ -78,7 +78,9 @@ const makeLayerStyles = (isPrediction, opacity) => ({
     source: isPrediction ? 'forecasts'       : 'observations',
     paint: {
       'fill-color':   isPrediction ? '#818cf8' : '#f4a020',
-      'fill-opacity': (isPrediction ? 0.45 : 0.5) * opacity,
+      // Prévisions : fill très transparent — le contour tiré porte l'info,
+      // le fill laisse voir la carte (y compris la terre) en dessous
+      'fill-opacity': (isPrediction ? 0.12 : 0.50) * opacity,
       'fill-opacity-transition': { duration: 350 },
     },
   },
@@ -87,11 +89,12 @@ const makeLayerStyles = (isPrediction, opacity) => ({
     type:   'line',
     source: isPrediction ? 'forecasts'       : 'observations',
     paint: {
-      'line-color':     isPrediction ? '#6366f1' : '#c47a10',
-      'line-width':     isPrediction ? 2 : 2.5,
-      'line-opacity':   opacity * 0.85,
+      'line-color':   isPrediction ? '#6366f1' : '#c47a10',
+      // Prévisions : contour plus épais et tirets plus marqués
+      'line-width':   isPrediction ? 2.5 : 2.5,
+      'line-opacity': opacity * (isPrediction ? 0.75 : 0.85),
       'line-opacity-transition': { duration: 350 },
-      ...(isPrediction ? { 'line-dasharray': [4, 3] } : {}),
+      ...(isPrediction ? { 'line-dasharray': [6, 4] } : {}),
     },
   },
 });