@charset "UTF-8";
/* 🎨 Personnalisation générale */
.modal-content {
    background: linear-gradient(135deg, #007bff, #00d4ff);
    color: white;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);
}

/* 🎯 Style du titre */
.modal-title {
    font-size: 42px;
    font-weight: bold;
}

/* ✅ Ajout d'une icône de validation */
.modal-body::before {
    content: "";
    display: block;
    font-size: 10px;
    margin-bottom: 10px;
}

/* 🔘 Style du bouton de fermeture */
.btn-close {
    filter: invert(1); /* Blanc */
}

/* 💡 Animation d’apparition */
@keyframes popupFade {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
.modal.fade .modal-dialog {
    animation: popupFade 0.3s ease-in-out;
}

/* Réduction de la taille de la modale */
.modal-dialog {
    max-width: 350px; /* Largeur réduite */

}

/* Taille du texte */
.modal-title {
    font-size: 20px;
}

.modal-body {
    font-size: 18px;
}

/* Taille du bouton */
.modal-footer .btn {
    font-size: 10px;
    padding: 5px 10px;
}

/* Ajuster la hauteur et le centrage de la popup */
.modal-dialog {
    max-width: 350px;  /* Réduit la largeur */
}

.modal-content {
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    max-height: 250px;  /* Limite la hauteur */
    overflow-y: auto;   /* Ajoute un défilement si nécessaire */
}

/* Réduire l'espace autour du texte */
.modal-body {
    font-size: 14px;
    padding: 10px;
}