/**
 * Styles pour améliorer la visibilité du logo
 */

.logo-with-stroke {
  /* Ajoute un contour blanc au logo */
  filter: drop-shadow(0px 0px 1px white) 
          drop-shadow(0px 0px 1px white);
}

/* Contour renforcé pour les fonds plus problématiques */
.logo-with-strong-stroke {
  filter: drop-shadow(0px 0px 1.5px white) 
          drop-shadow(0px 0px 1.5px white) 
          drop-shadow(0px 0px 1px white);
}

/* Version responsive - ajustement pour petit écran */
@media (max-width: 768px) {
  .logo-with-stroke {
    /* Réduire légèrement l'effet sur mobile pour éviter le flou */
    filter: drop-shadow(0px 0px 0.5px white);
  }
  
  .logo-with-strong-stroke {
    filter: drop-shadow(0px 0px 1px white);
  }
}