/* --- Stili per l'effetto Glow con Particelle --- */

/* 1. Stile per il bagliore principale */
#mouse-glow {
  position: fixed;
  z-index: 99998; /* Leggermente più basso delle particelle */
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  background: radial-gradient(
    circle,
    rgba(128, 0, 255, 0.15) 0%,
    rgba(0, 123, 255, 0.1) 40%,
    rgba(38, 33, 73, 0) 70%
  );
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: transform 0.1s ease-out;
}

/* 2. Stile per ogni singola particella */
.particle {
  position: fixed; /* Le fissa rispetto alla finestra */
  z-index: 99999;  /* Sopra a tutto, anche al bagliore principale */
  border-radius: 50%;
  background-color: rgba(180, 150, 255, 0.5); /* Un viola chiaro semi-trasparente */
  pointer-events: none;
  
  /* Animazione di scomparsa */
  animation: fadeOut 0.5s forwards;
}

/* 3. Definizione dell'animazione */
@keyframes fadeOut {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0);
    opacity: 0;
  }
}

/* --- Stile personalizzato per la selezione del testo (COMPLETO) --- */

/* Imposta lo stile di base per la selezione */
::selection {
  background-color: #FFDE00; /* Giallo brillante */
  color: #000000 !important; /* Testo nero, !important per forzatura */
  text-shadow: none !important; /* RIMUOVE l'ombra/bagliore durante la selezione */
}

/* Versione per Firefox */
::-moz-selection {
  background-color: #FFDE00;
  color: #000000 !important;
  text-shadow: none !important;
}