diff --git a/src/styles/mapMarkers.css b/src/styles/mapMarkers.css index e4a8f57..386d21b 100644 --- a/src/styles/mapMarkers.css +++ b/src/styles/mapMarkers.css @@ -16,9 +16,9 @@ align-items: center; padding: 4px 8px; border-radius: 999px; - background: rgba(6, 40, 80, 0.95); - border: 1px solid rgba(80, 180, 255, 0.9); - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); + background: rgba(6, 40, 80, 0.98); /* transparence intacte */ + border: 3px solid #000; /* contour plus épais */ + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6); /* ombre plus forte */ max-width: 180px; } .post-pin-dot { width:10px; height:10px; border-radius:999px; background:#ff8a00; margin-right:6px; flex-shrink:0; } @@ -33,7 +33,7 @@ height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; - border-top: 9px solid rgba(6, 40, 80, 0.95); + border-top: 9px solid rgba(6, 40, 80, 0.98); /* transparence intacte */ filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6)); } @@ -55,8 +55,8 @@ /* FIX: Grosses cartes (expanded/full) - fond opaque + couleurs propres par catégorie */ .sw-centered-modal .post-card.sw-expanded-shell { - background: rgba(15, 23, 42, 0.98) !important; /* opaque */ - border: 1px solid rgba(148, 163, 184, 0.9) !important; + background: rgba(15, 23, 42, 0.98) !important; /* transparence intacte */ + border: 3px solid #000 !important; /* contour plus épais */ box-shadow: 0 12px 30px rgba(0,0,0,0.7), 0 0 16px rgba(56,189,248,0.5) !important; padding: 12px 14px; color: #e5e7eb !important; /* texte blanc clair */ @@ -86,8 +86,9 @@ /* Hero (image en haut) + titre + stats : lisibles */ .sw-modal-hero { - background: rgba(15, 23, 42, 0.98) !important; - border: 1px solid rgba(148, 163, 184, 0.6) !important; + background: rgba(15, 23, 42, 0.98) !important; /* transparence intacte */ + border: 3px solid #000 !important; /* contour plus épais */ + box-shadow: 0 12px 30px rgba(0,0,0,0.7), 0 0 16px rgba(56,189,248,0.5) !important; } .sw-modal-title, .sw-modal-summary, @@ -295,7 +296,7 @@ /* SW_EXPANDED_POLISH */ .post-pin--expanded .post-card{ background: linear-gradient(135deg, rgba(56,189,248,0.16), rgba(7,18,37,0.98) 55%, rgba(2,6,23,0.98)); - border: 1px solid rgba(96,165,250,0.75); + border: 3px solid #000 !important; /* contour plus épais */ box-shadow: 0 18px 60px rgba(0,0,0,0.55), 0 0 24px rgba(56,189,248,0.22); } @@ -310,7 +311,7 @@ letter-spacing: .04em; color: #d7f3ff; background: rgba(56,189,248,0.16); - border: 1px solid rgba(56,189,248,0.35); + border: 3px solid #000 !important; /* contour plus épais */ margin-bottom: 10px; } @@ -374,7 +375,7 @@ font-weight: 900; letter-spacing: .06em; background: rgba(56,189,248,0.16); - border: 1px solid rgba(90, 190, 255, 0.28); + border: 3px solid #000 !important; /* contour plus épais */ color:#D7F3FF; text-transform: uppercase; } @@ -407,8 +408,8 @@ height: 180px; border-radius: 16px; overflow:hidden; - border: 1px solid rgba(90, 190, 255, 0.22); - background: radial-gradient(circle at 30% 30%, rgba(56,189,248,0.18), rgba(3,14,32,0.85)); + border: 3px solid #000 !important; /* contour plus épais */ + background: radial-gradient(circle at 30% 30%, rgba(56,189,248,0.18), rgba(3,14,32,0.98)); box-shadow: 0 10px 24px rgba(0,0,0,0.35); margin-bottom: 10px; } @@ -423,7 +424,7 @@ .sw-modal-hero-fallback{ width:100%; height:100%; - background: radial-gradient(circle at 35% 35%, rgba(56,189,248,0.22), rgba(3,14,32,0.85)); + background: radial-gradient(circle at 35% 35%, rgba(56,189,248,0.22), rgba(3,14,32,0.98)); } .sw-modal-title{