/* ==========================================================================
   CSS PER EFFETTO TYPEWRITER
   ========================================================================== */

/* --- CONFIGURAZIONE STILE CURSORE --- */
/* Puoi modificare questi valori se vuoi un aspetto diverso per il cursore */

.typewriter-cursor {
  /* Proprietà base del cursore */
  display: inline;      /* Fa sì che il cursore stia sulla stessa riga del testo */
  margin-left: 2px;     /* Piccolo spazio a sinistra del cursore, aggiusta se necessario */
  /* Il font e il colore del cursore dovrebbero essere ereditati dal testo del titolo.
     Se per qualche motivo non lo fossero, puoi decommentare e impostare:
     font-family: inherit;
     color: inherit;
  */

  /* Animazione di lampeggio del cursore */
  animation-name: typewriterBlink; /* Nome dell'animazione definita sotto */
  animation-duration: 1s;          /* Durata di un ciclo di lampeggio (1 secondo) */
  animation-iteration-count: infinite; /* Fa lampeggiare il cursore all'infinito */
  animation-timing-function: step-end; /* Fa sì che il cambio di opacità sia netto (non una transizione graduale) */
}

/* Definizione dell'animazione di lampeggio */
@keyframes typewriterBlink {
  from, to {
    opacity: 1; /* Cursore visibile all'inizio e alla fine del ciclo */
  }
  50% {
    opacity: 0; /* Cursore invisibile a metà del ciclo */
  }
}

/* Classe per rendere il cursore statico (non lampeggiante) alla fine dell'animazione */
.typewriter-cursor--static {
  animation: none !important; /* Rimuove l'animazione di lampeggio. '!important' per sovrascrivere se necessario */
  opacity: 1 !important;     /* Assicura che il cursore sia visibile. '!important' per sovrascrivere se necessario */
}

/* Non c'è bisogno di stili per '.typewriter-text-dynamic' qui,
   dovrebbe ereditare tutti gli stili dal widget Titolo di Elementor. */