#toast-container > div {
    opacity: 1 !important;
}

/* Pour les animations */
.toast-enter, .toast-leave-to {
    opacity: 0;
}

.toast-enter-active, .toast-leave-active {
    transition: opacity .3s ease;
}

/* Styles personnalisés pour chaque type de toast */
.toast-success {
    background: #fff !important;
    border-radius: 10px !important;
    color: #51A351 !important;
    border-left: 5px solid #51A351 !important;
}

.toast-error {
    background: #fff !important;
    border-radius: 10px !important;
    color: #BD362F !important;
    border-left: 5px solid #BD362F !important;
}

.toast-info {
    background: #fff !important;
    border-radius: 10px !important;
    color: #2F96B4 !important;
    border-left: 5px solid #2F96B4 !important;
}

.toast-warning {
    background: #fff !important;
    border-radius: 10px !important;
    color: #F89406 !important;
    border-left: 5px solid #F89406 !important;
}

/* Personnalisation des icônes - Option 1: Utiliser des icônes CSS */
#toast-container > div {
    background-image: none !important;
    padding-left: 60px !important;
    position: relative !important;
}

#toast-container > div::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Icône pour les toasts de succès */
#toast-container > .toast-success::before {
    content: '✅';
    font-size: 25px;
    font-weight: bold;
    color: #51A351;
    background: none;
    width: auto;
    height: auto;
}

/* Icône pour les toasts d'erreur */
#toast-container > .toast-error::before {
    content: '❌';
    font-size: 25px;
    font-weight: bold;
    color: #BD362F;
    background: none;
    width: auto;
    height: auto;
}

/* Icône pour les toasts d'information */
#toast-container > .toast-info::before {
    content: 'ℹ️';
    font-size: 25px;
    font-weight: bold;
    color: #2F96B4;
    background: none;
    width: auto;
    height: auto;
}

/* Icône pour les toasts d'avertissement */
#toast-container > .toast-warning::before {
    content: '⚠️';
    font-size: 25px;
    font-weight: bold;
    color: #F89406;
    background: none;
    width: auto;
    height: auto;
}

/* Option 2: Utiliser des icônes Bootstrap Icons (si disponible) */
/* Décommentez cette section si vous voulez utiliser Bootstrap Icons */
/*
#toast-container > .toast-success::before {
    content: '\F26B';
    font-family: 'bootstrap-icons';
    font-size: 20px;
}

#toast-container > .toast-error::before {
    content: '\F659';
    font-family: 'bootstrap-icons';
    font-size: 20px;
}

#toast-container > .toast-info::before {
    content: '\F430';
    font-family: 'bootstrap-icons';
    font-size: 20px;
}

#toast-container > .toast-warning::before {
    content: '\F33A';
    font-family: 'bootstrap-icons';
    font-size: 20px;
}
*/

/* Option 3: Utiliser des icônes personnalisées avec des images SVG */
/* Décommentez cette section si vous voulez utiliser des icônes SVG personnalisées */
/*
#toast-container > .toast-success::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2351A351"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>');
}

#toast-container > .toast-error::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23BD362F"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>');
}

#toast-container > .toast-info::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%232F96B4"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>');
}

#toast-container > .toast-warning::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23F89406"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/></svg>');
}
*/