From ac974fb8a056d20d91e017b40656fdcc514ab780 Mon Sep 17 00:00:00 2001
From: syoul <syoul@librezo.fr>
Date: Tue, 24 Mar 2026 12:18:51 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20bouton=20Clusters=20z-[1002]=20=E2=80=94?=
 =?UTF-8?q?=20visible=20au-dessus=20de=20l'AnimationPlayer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

AnimationPlayer z-[1001] couvrait le bouton z-[600] sur mobile
(player ~130px, bouton à bottom-20/80px).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/FlowMap.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FlowMap.tsx b/src/components/FlowMap.tsx
index ac7f120..8706582 100644
--- a/src/components/FlowMap.tsx
+++ b/src/components/FlowMap.tsx
@@ -350,7 +350,7 @@ export function FlowMap({ arcs, focusCity, onCityClick }: FlowMapProps) {
       {/* Bouton cluster / villes */}
       <button
         onClick={() => setClustered(c => !c)}
-        className={`absolute bottom-20 left-4 z-[600] px-3 py-1.5 rounded-lg text-xs font-medium border transition-all duration-200 ${
+        className={`absolute bottom-20 left-4 z-[1002] px-3 py-1.5 rounded-lg text-xs font-medium border transition-all duration-200 ${
           clustered
             ? 'bg-[#d4a843] text-[#0a0b0f] border-[#d4a843] shadow-[0_0_10px_rgba(212,168,67,0.35)]'
             : 'bg-[#0a0b0f]/90 text-[#6b7280] border-[#2e2f3a] hover:text-[#d4a843] hover:border-[#d4a843]'