/* 1. Nasconde completamente il tag dialog quando non è aperto */
dialog.pix-popup:not([open]) {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

/* 2. Assicura che il contenuto interno segua il genitore */
dialog.pix-popup:not([open]) .pix-dialog-inner,
dialog.pix-popup:not([open]) .pix-dialog-backdrop,
dialog.pix-popup:not([open]) .pix-dialog-container {
    display: none !important;
    opacity: 0 !important;
}

/* 3. Ripristina il corretto funzionamento quando è aperta */
dialog.pix-popup[open] {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* 4. Rendi il puntamento dei bottoni istantaneo (data-popup-id è ok) */
a[data-popup-id] {
    cursor: pointer;
}

/* Forza il backdrop a essere visibile SUBITO quando la modale è aperta */
dialog.pix-popup[open] .pix-dialog-backdrop {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important; /* Rimuove il delay dell'animazione */
}

/* Evita che il tema sovrascriva l'opacità durante la fase di "transitioning" */
dialog.pix-popup[open].animation-none .pix-dialog-backdrop,
dialog.pix-popup[open]:not(.displayed) .pix-dialog-backdrop {
    opacity: 1 !important;
}

 
/* Assicura che il contenitore appaia subito senza attendere calcoli complessi */
.pix-popup.pix-popup-animate .pix-dialog-container {
    opacity: 1 !important;
    transform: scale(1) !important;
}