.cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  background-color: rgba(17, 219, 148, 1); /* Couleur principale */
  border-radius: 50%; 
  pointer-events: none; /* Empêche d’interférer avec les clics */
  transform: translate(-50%, -50%);
  z-index: 10000;
  box-shadow: 0 0 30px 15px rgba(17, 219, 148, 0.5); /* Effet lumineux flou */
}


.cursor-trail {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 5px; /* Taille initiale des cercles */
  height: 5px;
  background-color: rgba(17, 219, 148, 0.5); /* Couleur avec opacité réduite */
  border-radius: 50%; /* Cercles parfaits */
  z-index: 999; /* Derrière le curseur principal */
  transform: translate(-50%, -50%);
}

.mouse-effect {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw; /* Largeur totale de la fenêtre */
  height: 100vh; /* Hauteur totale de la fenêtre */
  pointer-events: none; /* Empêche d'interférer avec les clics */
  z-index: 9999; /* Toujours au-dessus des autres éléments */
}

  
  @media (hover: none) and (pointer: coarse) {
    .cursor {
        display: none; /* Désactive le curseur personnalisé */
    }
}