/* Centrer tout le contenu de la page dans un container stylisé */
.success-page-container {
    max-width: 900px; /* Taille maximale comme pour la billetterie */
    width: 100%;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin: 50px auto; /* Centrage horizontal et espacement en haut */
    text-align: center; /* Centrer le texte à l'intérieur du conteneur */
}

/* Animation pour l'image */
@keyframes zoomInBounce {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

/* Style pour l'image de succès */
.success-image img {
    width: 120px; /* Ajustez la taille de l'image selon vos besoins */
    height: auto;
    margin: 0 auto 40px auto;
    animation: zoomInBounce 0.8s ease-out;
    display: block;
}

/* Espacer la phrase de confirmation et celle avec l'email */
.success-page-container h2 {
    margin-bottom: 20px; 
}

.success-page-container p {
    margin-top: 20px; 
}

/* Styliser les boutons pour qu'ils soient cohérents et bien positionnés */
#download-receipt, #download-fiscal-receipt {
    background-color: #0b5482; 
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px; 
}

/* Effet hover : changement de couleur */
#download-receipt:hover, 
#download-fiscal-receipt:hover {
    background-color: #E97505;
}

/* Espacement supplémentaire pour le bouton fiscal */
#download-fiscal-receipt {
    margin-top: 20px; 
}