/* Préservation des couleurs d'icônes - Mode Clair et Sombre
   Les icônes gardent leurs couleurs originales dans les deux thèmes */

/* ========================================
   ICÔNES COLORÉES - PRÉSERVATION
   ======================================== */

/* Supprimer l'héritage de couleur pour les icônes */
[data-theme="dark"] i.fa,
[data-theme="dark"] i.fas,
[data-theme="dark"] i.far,
[data-theme="dark"] i.fab,
[data-theme="light"] i.fa,
[data-theme="light"] i.fas,
[data-theme="light"] i.far,
[data-theme="light"] i.fab,
.dark-mode i.fa,
.dark-mode i.fas,
.dark-mode i.far,
.dark-mode i.fab,
.light-mode i.fa,
.light-mode i.fas,
.light-mode i.far,
.light-mode i.fab {
    color: inherit;
}

/* ========================================
   ICÔNES DANS LES CARTES
   ======================================== */

/* Icônes avec classes de couleur Bootstrap */
[data-theme="dark"] .text-primary i,
[data-theme="light"] .text-primary i,
.dark-mode .text-primary i,
.light-mode .text-primary i {
    color: #3b82f6 !important;
}

[data-theme="dark"] .text-success i,
[data-theme="light"] .text-success i,
.dark-mode .text-success i,
.light-mode .text-success i {
    color: #10b981 !important;
}

[data-theme="dark"] .text-warning i,
[data-theme="light"] .text-warning i,
.dark-mode .text-warning i,
.light-mode .text-warning i {
    color: #f59e0b !important;
}

[data-theme="dark"] .text-danger i,
[data-theme="light"] .text-danger i,
.dark-mode .text-danger i,
.light-mode .text-danger i {
    color: #ef4444 !important;
}

[data-theme="dark"] .text-info i,
[data-theme="light"] .text-info i,
.dark-mode .text-info i,
.light-mode .text-info i {
    color: #06b6d4 !important;
}

/* ========================================
   ICÔNES RÉSEAUX SOCIAUX
   ======================================== */

/* Facebook - Bleu */
[data-theme="dark"] .fa-facebook,
[data-theme="dark"] .fa-facebook-f,
[data-theme="light"] .fa-facebook,
[data-theme="light"] .fa-facebook-f,
.dark-mode .fa-facebook,
.dark-mode .fa-facebook-f,
.light-mode .fa-facebook,
.light-mode .fa-facebook-f {
    color: #1877f2 !important;
}

/* Twitter/X - Noir/Bleu */
[data-theme="dark"] .fa-twitter,
[data-theme="dark"] .fa-x-twitter,
[data-theme="light"] .fa-twitter,
[data-theme="light"] .fa-x-twitter,
.dark-mode .fa-twitter,
.dark-mode .fa-x-twitter,
.light-mode .fa-twitter,
.light-mode .fa-x-twitter {
    color: #1da1f2 !important;
}

/* Instagram - Gradient rose/violet */
[data-theme="dark"] .fa-instagram,
[data-theme="light"] .fa-instagram,
.dark-mode .fa-instagram,
.light-mode .fa-instagram {
    color: #e4405f !important;
}

/* YouTube - Rouge */
[data-theme="dark"] .fa-youtube,
[data-theme="light"] .fa-youtube,
.dark-mode .fa-youtube,
.light-mode .fa-youtube {
    color: #ff0000 !important;
}

/* LinkedIn - Bleu */
[data-theme="dark"] .fa-linkedin,
[data-theme="dark"] .fa-linkedin-in,
[data-theme="light"] .fa-linkedin,
[data-theme="light"] .fa-linkedin-in,
.dark-mode .fa-linkedin,
.dark-mode .fa-linkedin-in,
.light-mode .fa-linkedin,
.light-mode .fa-linkedin-in {
    color: #0077b5 !important;
}

/* WhatsApp - Vert */
[data-theme="dark"] .fa-whatsapp,
[data-theme="light"] .fa-whatsapp,
.dark-mode .fa-whatsapp,
.light-mode .fa-whatsapp {
    color: #25d366 !important;
}

/* ========================================
   ICÔNES DANS LES BOUTONS SOCIAUX
   ======================================== */

/* Boutons sociaux avec fond coloré */
[data-theme="dark"] .btn-facebook,
[data-theme="light"] .btn-facebook,
.dark-mode .btn-facebook,
.light-mode .btn-facebook {
    background-color: #1877f2 !important;
    border-color: #1877f2 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-facebook i,
[data-theme="light"] .btn-facebook i,
.dark-mode .btn-facebook i,
.light-mode .btn-facebook i {
    color: #ffffff !important;
}

[data-theme="dark"] .btn-twitter,
[data-theme="light"] .btn-twitter,
.dark-mode .btn-twitter,
.light-mode .btn-twitter {
    background-color: #1da1f2 !important;
    border-color: #1da1f2 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-twitter i,
[data-theme="light"] .btn-twitter i,
.dark-mode .btn-twitter i,
.light-mode .btn-twitter i {
    color: #ffffff !important;
}

[data-theme="dark"] .btn-instagram,
[data-theme="light"] .btn-instagram,
.dark-mode .btn-instagram,
.light-mode .btn-instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    border: none !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-instagram i,
[data-theme="light"] .btn-instagram i,
.dark-mode .btn-instagram i,
.light-mode .btn-instagram i {
    color: #ffffff !important;
}

[data-theme="dark"] .btn-youtube,
[data-theme="light"] .btn-youtube,
.dark-mode .btn-youtube,
.light-mode .btn-youtube {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-youtube i,
[data-theme="light"] .btn-youtube i,
.dark-mode .btn-youtube i,
.light-mode .btn-youtube i {
    color: #ffffff !important;
}

[data-theme="dark"] .btn-whatsapp,
[data-theme="light"] .btn-whatsapp,
.dark-mode .btn-whatsapp,
.light-mode .btn-whatsapp {
    background-color: #25d366 !important;
    border-color: #25d366 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-whatsapp i,
[data-theme="light"] .btn-whatsapp i,
.dark-mode .btn-whatsapp i,
.light-mode .btn-whatsapp i {
    color: #ffffff !important;
}

/* ========================================
   ICÔNES COLORÉES SPÉCIFIQUES
   ======================================== */

/* Icônes avec couleurs inline (style="color:...") */
[data-theme="dark"] [style*="color:"],
[data-theme="light"] [style*="color:"],
.dark-mode [style*="color:"],
.light-mode [style*="color:"] {
    /* Préserver les couleurs inline */
    color: inherit !important;
}

/* Icônes de statut */
[data-theme="dark"] .fa-check-circle,
[data-theme="light"] .fa-check-circle,
.dark-mode .fa-check-circle,
.light-mode .fa-check-circle {
    color: #10b981 !important;
}

[data-theme="dark"] .fa-times-circle,
[data-theme="dark"] .fa-exclamation-circle,
[data-theme="light"] .fa-times-circle,
[data-theme="light"] .fa-exclamation-circle,
.dark-mode .fa-times-circle,
.dark-mode .fa-exclamation-circle,
.light-mode .fa-times-circle,
.light-mode .fa-exclamation-circle {
    color: #ef4444 !important;
}

[data-theme="dark"] .fa-info-circle,
[data-theme="light"] .fa-info-circle,
.dark-mode .fa-info-circle,
.light-mode .fa-info-circle {
    color: #3b82f6 !important;
}

[data-theme="dark"] .fa-exclamation-triangle,
[data-theme="light"] .fa-exclamation-triangle,
.dark-mode .fa-exclamation-triangle,
.light-mode .fa-exclamation-triangle {
    color: #f59e0b !important;
}

/* Icônes religieuses */
[data-theme="dark"] .fa-church,
[data-theme="dark"] .fa-cross,
[data-theme="dark"] .fa-praying-hands,
[data-theme="dark"] .fa-pray,
[data-theme="light"] .fa-church,
[data-theme="light"] .fa-cross,
[data-theme="light"] .fa-praying-hands,
[data-theme="light"] .fa-pray,
.dark-mode .fa-church,
.dark-mode .fa-cross,
.dark-mode .fa-praying-hands,
.dark-mode .fa-pray,
.light-mode .fa-church,
.light-mode .fa-cross,
.light-mode .fa-praying-hands,
.light-mode .fa-pray {
    color: #f59e0b !important;
}

/* Icônes d'actions */
[data-theme="dark"] .fa-edit,
[data-theme="dark"] .fa-pen,
[data-theme="light"] .fa-edit,
[data-theme="light"] .fa-pen,
.dark-mode .fa-edit,
.dark-mode .fa-pen,
.light-mode .fa-edit,
.light-mode .fa-pen {
    color: #3b82f6 !important;
}

[data-theme="dark"] .fa-trash,
[data-theme="dark"] .fa-trash-alt,
[data-theme="light"] .fa-trash,
[data-theme="light"] .fa-trash-alt,
.dark-mode .fa-trash,
.dark-mode .fa-trash-alt,
.light-mode .fa-trash,
.light-mode .fa-trash-alt {
    color: #ef4444 !important;
}

[data-theme="dark"] .fa-eye,
[data-theme="light"] .fa-eye,
.dark-mode .fa-eye,
.light-mode .fa-eye {
    color: #06b6d4 !important;
}

[data-theme="dark"] .fa-download,
[data-theme="light"] .fa-download,
.dark-mode .fa-download,
.light-mode .fa-download {
    color: #10b981 !important;
}

[data-theme="dark"] .fa-share,
[data-theme="dark"] .fa-share-alt,
[data-theme="light"] .fa-share,
[data-theme="light"] .fa-share-alt,
.dark-mode .fa-share,
.dark-mode .fa-share-alt,
.light-mode .fa-share,
.light-mode .fa-share-alt {
    color: #8b5cf6 !important;
}

/* Icônes de navigation */
[data-theme="dark"] .fa-home,
[data-theme="light"] .fa-home,
.dark-mode .fa-home,
.light-mode .fa-home {
    color: #3b82f6 !important;
}

[data-theme="dark"] .fa-user,
[data-theme="dark"] .fa-user-circle,
[data-theme="dark"] .fa-user-tie,
[data-theme="light"] .fa-user,
[data-theme="light"] .fa-user-circle,
[data-theme="light"] .fa-user-tie,
.dark-mode .fa-user,
.dark-mode .fa-user-circle,
.dark-mode .fa-user-tie,
.light-mode .fa-user,
.light-mode .fa-user-circle,
.light-mode .fa-user-tie {
    color: #8b5cf6 !important;
}

[data-theme="dark"] .fa-envelope,
[data-theme="dark"] .fa-envelope-open,
[data-theme="light"] .fa-envelope,
[data-theme="light"] .fa-envelope-open,
.dark-mode .fa-envelope,
.dark-mode .fa-envelope-open,
.light-mode .fa-envelope,
.light-mode .fa-envelope-open {
    color: #10b981 !important;
}

[data-theme="dark"] .fa-phone,
[data-theme="dark"] .fa-mobile,
[data-theme="dark"] .fa-mobile-alt,
[data-theme="light"] .fa-phone,
[data-theme="light"] .fa-mobile,
[data-theme="light"] .fa-mobile-alt,
.dark-mode .fa-phone,
.dark-mode .fa-mobile,
.dark-mode .fa-mobile-alt,
.light-mode .fa-phone,
.light-mode .fa-mobile,
.light-mode .fa-mobile-alt {
    color: #3b82f6 !important;
}

[data-theme="dark"] .fa-map-marker-alt,
[data-theme="dark"] .fa-location-dot,
[data-theme="light"] .fa-map-marker-alt,
[data-theme="light"] .fa-location-dot,
.dark-mode .fa-map-marker-alt,
.dark-mode .fa-location-dot,
.light-mode .fa-map-marker-alt,
.light-mode .fa-location-dot {
    color: #ef4444 !important;
}

/* ========================================
   ICÔNES DANS LES BADGES
   ======================================== */

[data-theme="dark"] .badge i,
[data-theme="light"] .badge i,
.dark-mode .badge i,
.light-mode .badge i {
    color: inherit !important;
}

/* ========================================
   ICÔNES DANS LES ALERTES
   ======================================== */

[data-theme="dark"] .alert-success i,
[data-theme="light"] .alert-success i,
.dark-mode .alert-success i,
.light-mode .alert-success i {
    color: #059669 !important;
}

[data-theme="dark"] .alert-warning i,
[data-theme="light"] .alert-warning i,
.dark-mode .alert-warning i,
.light-mode .alert-warning i {
    color: #d97706 !important;
}

[data-theme="dark"] .alert-danger i,
[data-theme="light"] .alert-danger i,
.dark-mode .alert-danger i,
.light-mode .alert-danger i {
    color: #dc2626 !important;
}

[data-theme="dark"] .alert-info i,
[data-theme="light"] .alert-info i,
.dark-mode .alert-info i,
.light-mode .alert-info i {
    color: #2563eb !important;
}

/* ========================================
   ICÔNES DANS LE FOOTER ET NEWSLETTER
   ======================================== */

/* Exception pour footer et newsletter - garder blanc */
[data-theme="dark"] .footer i,
[data-theme="dark"] .modern-footer i,
[data-theme="dark"] footer i,
[data-theme="light"] .footer i,
[data-theme="light"] .modern-footer i,
[data-theme="light"] footer i,
.dark-mode .footer i,
.dark-mode .modern-footer i,
.dark-mode footer i,
.light-mode .footer i,
.light-mode .modern-footer i,
.light-mode footer i {
    color: #ffffff !important;
}

/* Icônes réseaux sociaux dans footer - couleurs originales */
[data-theme="dark"] .footer .fa-facebook,
[data-theme="light"] .footer .fa-facebook,
.dark-mode .footer .fa-facebook,
.light-mode .footer .fa-facebook {
    color: #1877f2 !important;
}

[data-theme="dark"] .footer .fa-twitter,
[data-theme="light"] .footer .fa-twitter,
.dark-mode .footer .fa-twitter,
.light-mode .footer .fa-twitter {
    color: #1da1f2 !important;
}

[data-theme="dark"] .footer .fa-instagram,
[data-theme="light"] .footer .fa-instagram,
.dark-mode .footer .fa-instagram,
.light-mode .footer .fa-instagram {
    color: #e4405f !important;
}

[data-theme="dark"] .footer .fa-youtube,
[data-theme="light"] .footer .fa-youtube,
.dark-mode .footer .fa-youtube,
.light-mode .footer .fa-youtube {
    color: #ff0000 !important;
}

[data-theme="dark"] .footer .fa-linkedin,
[data-theme="light"] .footer .fa-linkedin,
.dark-mode .footer .fa-linkedin,
.light-mode .footer .fa-linkedin {
    color: #0077b5 !important;
}

[data-theme="dark"] .footer .fa-whatsapp,
[data-theme="light"] .footer .fa-whatsapp,
.dark-mode .footer .fa-whatsapp,
.light-mode .footer .fa-whatsapp {
    color: #25d366 !important;
}

/* Icônes newsletter */
[data-theme="dark"] .newsletter-form-container .fa-envelope,
[data-theme="light"] .newsletter-form-container .fa-envelope,
.dark-mode .newsletter-form-container .fa-envelope,
.light-mode .newsletter-form-container .fa-envelope {
    color: #10b981 !important;
}

[data-theme="dark"] .newsletter-section .fa-check-circle,
[data-theme="light"] .newsletter-section .fa-check-circle,
.dark-mode .newsletter-section .fa-check-circle,
.light-mode .newsletter-section .fa-check-circle {
    color: #10b981 !important;
}

/* ========================================
   ICÔNES DANS LES CARTES STATISTIQUES
   ======================================== */

[data-theme="dark"] .small-box .icon i,
[data-theme="light"] .small-box .icon i,
.dark-mode .small-box .icon i,
.light-mode .small-box .icon i {
    color: rgba(255, 255, 255, 0.8) !important;
}

[data-theme="dark"] .info-box-icon i,
[data-theme="light"] .info-box-icon i,
.dark-mode .info-box-icon i,
.light-mode .info-box-icon i {
    color: #ffffff !important;
}

/* ========================================
   ICÔNES COLORÉES DANS LES SECTIONS
   ======================================== */

/* Icônes de fonctionnalités */
[data-theme="dark"] .feature-icon i,
[data-theme="light"] .feature-icon i,
.dark-mode .feature-icon i,
.light-mode .feature-icon i {
    color: var(--primary-color) !important;
}

/* Icônes de services */
[data-theme="dark"] .service-icon i,
[data-theme="light"] .service-icon i,
.dark-mode .service-icon i,
.light-mode .service-icon i {
    color: var(--accent-color) !important;
}

/* ========================================
   ICÔNES DANS LES LISTES
   ======================================== */

/* Listes avec icônes check */
[data-theme="dark"] ul.check-list li i.fa-check,
[data-theme="light"] ul.check-list li i.fa-check,
.dark-mode ul.check-list li i.fa-check,
.light-mode ul.check-list li i.fa-check {
    color: #10b981 !important;
}

/* Listes avec icônes arrow */
[data-theme="dark"] ul.arrow-list li i.fa-arrow-right,
[data-theme="light"] ul.arrow-list li i.fa-arrow-right,
.dark-mode ul.arrow-list li i.fa-arrow-right,
.light-mode ul.arrow-list li i.fa-arrow-right {
    color: #3b82f6 !important;
}

/* ========================================
   ICÔNES DANS LES BOUTONS
   ======================================== */

/* Icônes dans boutons primaires */
[data-theme="dark"] .btn-primary i,
[data-theme="light"] .btn-primary i,
.dark-mode .btn-primary i,
.light-mode .btn-primary i {
    color: #ffffff !important;
}

/* Icônes dans boutons success */
[data-theme="dark"] .btn-success i,
[data-theme="light"] .btn-success i,
.dark-mode .btn-success i,
.light-mode .btn-success i {
    color: #ffffff !important;
}

/* Icônes dans boutons warning */
[data-theme="dark"] .btn-warning i,
[data-theme="light"] .btn-warning i,
.dark-mode .btn-warning i,
.light-mode .btn-warning i {
    color: #ffffff !important;
}

/* Icônes dans boutons danger */
[data-theme="dark"] .btn-danger i,
[data-theme="light"] .btn-danger i,
.dark-mode .btn-danger i,
.light-mode .btn-danger i {
    color: #ffffff !important;
}

/* Icônes dans boutons info */
[data-theme="dark"] .btn-info i,
[data-theme="light"] .btn-info i,
.dark-mode .btn-info i,
.light-mode .btn-info i {
    color: #ffffff !important;
}

/* ========================================
   ICÔNES DANS LA NAVIGATION
   ======================================== */

/* Navigation principale - icônes blanches sauf exceptions */
[data-theme="dark"] .navbar i,
[data-theme="light"] .navbar i,
.dark-mode .navbar i,
.light-mode .navbar i {
    color: #ffffff !important;
}

/* Sidebar admin - icônes blanches */
[data-theme="dark"] .sidebar i,
[data-theme="light"] .sidebar i,
.dark-mode .sidebar i,
.light-mode .sidebar i {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* ========================================
   ICÔNES AVEC CLASSES COLORÉES PERSONNALISÉES
   ======================================== */

/* Icônes bleues */
[data-theme="dark"] .icon-blue i,
[data-theme="light"] .icon-blue i,
.dark-mode .icon-blue i,
.light-mode .icon-blue i {
    color: #3b82f6 !important;
}

/* Icônes vertes */
[data-theme="dark"] .icon-green i,
[data-theme="light"] .icon-green i,
.dark-mode .icon-green i,
.light-mode .icon-green i {
    color: #10b981 !important;
}

/* Icônes rouges */
[data-theme="dark"] .icon-red i,
[data-theme="light"] .icon-red i,
.dark-mode .icon-red i,
.light-mode .icon-red i {
    color: #ef4444 !important;
}

/* Icônes jaunes/orange */
[data-theme="dark"] .icon-yellow i,
[data-theme="dark"] .icon-orange i,
[data-theme="light"] .icon-yellow i,
[data-theme="light"] .icon-orange i,
.dark-mode .icon-yellow i,
.dark-mode .icon-orange i,
.light-mode .icon-yellow i,
.light-mode .icon-orange i {
    color: #f59e0b !important;
}

/* Icônes violettes */
[data-theme="dark"] .icon-purple i,
[data-theme="light"] .icon-purple i,
.dark-mode .icon-purple i,
.light-mode .icon-purple i {
    color: #8b5cf6 !important;
}

/* ========================================
   ICÔNES DANS LES CARDS
   ======================================== */

/* Préserver les couleurs dans les cartes */
[data-theme="dark"] .card-body i[style*="color"],
[data-theme="light"] .card-body i[style*="color"],
.dark-mode .card-body i[style*="color"],
.light-mode .card-body i[style*="color"] {
    /* Les couleurs inline sont préservées */
}

/* Grandes icônes décoratives */
[data-theme="dark"] .fa-2x,
[data-theme="dark"] .fa-3x,
[data-theme="dark"] .fa-4x,
[data-theme="dark"] .fa-5x,
[data-theme="light"] .fa-2x,
[data-theme="light"] .fa-3x,
[data-theme="light"] .fa-4x,
[data-theme="light"] .fa-5x,
.dark-mode .fa-2x,
.dark-mode .fa-3x,
.dark-mode .fa-4x,
.dark-mode .fa-5x,
.light-mode .fa-2x,
.light-mode .fa-3x,
.light-mode .fa-4x,
.light-mode .fa-5x {
    /* Préserver les couleurs des grandes icônes */
}

/* ========================================
   ICÔNES SPÉCIALES DU PROJET
   ======================================== */

/* Icônes de contact */
[data-theme="dark"] .contact-info i,
[data-theme="light"] .contact-info i,
.dark-mode .contact-info i,
.light-mode .contact-info i {
    color: var(--primary-color) !important;
}

/* Icônes de géolocalisation */
[data-theme="dark"] .fa-map,
[data-theme="dark"] .fa-globe,
[data-theme="light"] .fa-map,
[data-theme="light"] .fa-globe,
.dark-mode .fa-map,
.dark-mode .fa-globe,
.light-mode .fa-map,
.light-mode .fa-globe {
    color: #06b6d4 !important;
}

/* Icônes de calendrier */
[data-theme="dark"] .fa-calendar,
[data-theme="dark"] .fa-calendar-alt,
[data-theme="light"] .fa-calendar,
[data-theme="light"] .fa-calendar-alt,
.dark-mode .fa-calendar,
.dark-mode .fa-calendar-alt,
.light-mode .fa-calendar,
.light-mode .fa-calendar-alt {
    color: #f59e0b !important;
}

/* Icônes de médias */
[data-theme="dark"] .fa-image,
[data-theme="dark"] .fa-images,
[data-theme="dark"] .fa-photo-video,
[data-theme="light"] .fa-image,
[data-theme="light"] .fa-images,
[data-theme="light"] .fa-photo-video,
.dark-mode .fa-image,
.dark-mode .fa-images,
.dark-mode .fa-photo-video,
.light-mode .fa-image,
.light-mode .fa-images,
.light-mode .fa-photo-video {
    color: #8b5cf6 !important;
}

/* Icônes de documents */
[data-theme="dark"] .fa-file,
[data-theme="dark"] .fa-file-pdf,
[data-theme="dark"] .fa-file-word,
[data-theme="light"] .fa-file,
[data-theme="light"] .fa-file-pdf,
[data-theme="light"] .fa-file-word,
.dark-mode .fa-file,
.dark-mode .fa-file-pdf,
.dark-mode .fa-file-word,
.light-mode .fa-file,
.light-mode .fa-file-pdf,
.light-mode .fa-file-word {
    color: #ef4444 !important;
}

/* ========================================
   OVERRIDE POUR CONSERVER LES COULEURS
   ======================================== */

/* Empêcher l'héritage de couleur sur les icônes colorées */
[data-theme="dark"] i[class*="fa-"][style*="color"],
[data-theme="light"] i[class*="fa-"][style*="color"],
.dark-mode i[class*="fa-"][style*="color"],
.light-mode i[class*="fa-"][style*="color"] {
    /* Couleur inline préservée automatiquement */
}

/* Icônes dans éléments avec couleur de fond */
[data-theme="dark"] .bg-primary i,
[data-theme="dark"] .bg-success i,
[data-theme="dark"] .bg-warning i,
[data-theme="dark"] .bg-danger i,
[data-theme="dark"] .bg-info i,
[data-theme="light"] .bg-primary i,
[data-theme="light"] .bg-success i,
[data-theme="light"] .bg-warning i,
[data-theme="light"] .bg-danger i,
[data-theme="light"] .bg-info i,
.dark-mode .bg-primary i,
.dark-mode .bg-success i,
.dark-mode .bg-warning i,
.dark-mode .bg-danger i,
.dark-mode .bg-info i,
.light-mode .bg-primary i,
.light-mode .bg-success i,
.light-mode .bg-warning i,
.light-mode .bg-danger i,
.light-mode .bg-info i {
    color: #ffffff !important;
}