/* ==================================================================
   CARTE DE FRANCE (SVG) + CORRECTION MENU HAMBURGER
   Ces deux blocs sont regroupés car le fix hamburger a été écrit
   pour isoler les icônes du menu des règles `path` de la carte
   (elles se marchaient dessus avant correction).
   ================================================================== 

.carte_france {
  width: 85%;
  margin: 0 auto;
}

.carte_france path {
  stroke: hsl(10, 50%, 30%);
  stroke-width: 1px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-opacity: .50;
  fill: hsl(10, 50%, 50%);
}

.carte_france g:hover path {
  fill: hsl(10, 50%, 70%);
}

.carte_france g path:hover {
  fill: hsl(10, 50%, 90%);
}

*/

.carte_france path {
  stroke: hsl(0, 35%, 35%);
  stroke-width: 1px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-opacity: .45;
  fill: hsl(0, 35%, 55%);
}
.carte_france g:hover path {
  fill: hsl(0, 35%, 70%);
}
.carte_france g path:hover {
  fill: hsl(0, 35%, 88%);
}












/* --- Correction menu hamburger ---
   Les 3 barres du menu mobile utilisaient par erreur les mêmes
   sélecteurs `path` que la carte de France. On applique ici une
   couleur blanche explicite aux icônes du menu, sans toucher aux
   styles de la carte (voir règles `.carte_france path` ci-dessus,
   qui restent scoping-isolées). */
.hamburger-icon .svg-stroke path,
.mobile-menubar-toggler-button svg path,
#svg-top,
#svg-middle,
#svg-bottom {
  stroke: #ffffff !important;   /* Couleur blanche */
  stroke-width: 5px !important; /* Épaisseur (d'origine 4, passée à 5) */
}