/*
 * =========================================================================
 * BOX AVVISO (POPUP AVANZATO) - KEYFRAMES CONDIVISI
 * =========================================================================
 * Prima erano duplicati con nomi diversi:
 *   - popup_home_tpl.php:        ppPreviewOverlayIn / ppPreviewOverlayOut / ppPreviewNeonRotate
 *   - box_avviso_frontend.php:   ppLiveOverlayIn / ppLiveOverlayOut / ppLiveNeonRotate
 * Ora box-avviso-engine.js usa SEMPRE questi nomi unici, quindi vanno
 * incluse una sola volta (qui), indipendentemente da quante istanze del
 * motore vengono create nella stessa pagina.
 * ========================================================================= */
@keyframes ppEngineOverlayIn  { from { opacity: 0; } to { opacity: 1; } }
@keyframes ppEngineOverlayOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes ppEngineNeonRotate { 0% { --pp-neon-angle: 0deg; } 100% { --pp-neon-angle: 360deg; } }
@property --pp-neon-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

/* "inline-block" sugli "Effetti testo" (Animate.css) applicati dall'admin
   dentro il CONTENUTO del popup: di norma uno <span> è "in linea" e ignora
   le trasformazioni (rimbalzi, rotazioni, ingrandimenti) che molte
   animazioni usano - senza questa regola le classi sono applicate
   correttamente ma non si vede alcun movimento. Ristretta al solo
   contenuto (non al box principale del popup, che usa la stessa classe
   per la propria animazione di apertura/chiusura e deve restare un
   blocco vero, non "in linea"). */
#pp_liveBody .animate__animated,
#pp_previewBody .animate__animated {
    display: inline-block;
}

/* Azzera l'eredità della velocità: --animate-duration è una variabile CSS
   che eredita automaticamente dagli elementi genitori. Il box del popup
   la imposta per la PROPRIA velocità di apertura - senza questa riga, un
   effetto testo con "Velocità: Normale" (nessuna scelta esplicita)
   erediterebbe per sbaglio la velocità di apertura del popup invece della
   sua velocità di base (1 secondo). */
#pp_liveBody,
#pp_previewBody {
    --animate-duration: 1s;
}