/* Styles pour les différents types de bannières */
.info-banner-top .gear-icon.success {
    color: #48bb78; /* Vert */
}

.info-banner-top .highlight.success {
    background: linear-gradient(135deg, #48bb78 0%, #48bb78 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.info-banner-top .gear-icon.info {
    color: #4299e1; /* Bleu */
}

.info-banner-top .highlight.info {
    background: linear-gradient(135deg, #4299e1 0%, #4299e1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.info-banner-top .gear-icon.warning {
    color: #ecc94b; /* Jaune */
}

.info-banner-top .highlight.warning {
    background: linear-gradient(135deg, #ecc94b 0%, #ecc94b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.info-banner-top .gear-icon.danger {
    color: #e53e3e; /* Rouge */
}

.info-banner-top .highlight.danger {
    background: linear-gradient(135deg, #e53e3e 0%, #e53e3e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Pour les thèmes clairs */
[data-bs-theme="light"] .info-banner-top .gear-icon.success {
    color: #48bb78;
}

[data-bs-theme="light"] .info-banner-top .highlight.success {
    background: linear-gradient(135deg, #48bb78 0%, #48bb78 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-bs-theme="light"] .info-banner-top .gear-icon.info {
    color: #3182ce; /* Bleu plus foncé pour meilleure visibilité */
}

[data-bs-theme="light"] .info-banner-top .highlight.info {
    background: linear-gradient(135deg, #3182ce 0%, #3182ce 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-bs-theme="light"] .info-banner-top .gear-icon.warning {
    color: #d69e2e; /* Jaune plus foncé pour meilleure visibilité */
}

[data-bs-theme="light"] .info-banner-top .highlight.warning {
    background: linear-gradient(135deg, #d69e2e 0%, #d69e2e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-bs-theme="light"] .info-banner-top .gear-icon.danger {
    color: #c53030; /* Rouge plus foncé pour meilleure visibilité */
}

[data-bs-theme="light"] .info-banner-top .highlight.danger {
    background: linear-gradient(135deg, #c53030 0%, #c53030 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}