/**
 * CORRECTION GLOBALE DES ICÔNES - OMNICOM
 * Fichier qui corrige TOUTES les icônes sur TOUT le site
 */

/* ===== FORÇAGE GLOBAL DES COULEURS ===== */

/* Toutes les icônes partout - COULEUR PAR DÉFAUT */
.icon,
[class*="icon-"] {
    color: #1e3a8a !important;
    fill: #1e3a8a !important;
    stroke: #1e3a8a !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    position: relative !important;
    z-index: 1 !important;
}

/* ===== COULEURS SPÉCIFIQUES FORCÉES ===== */

/* Icônes de succès */
.icon-check,
li .icon-check,
p .icon-check,
span .icon-check,
div .icon-check {
    color: #10b981 !important;
    fill: #10b981 !important;
    stroke: #10b981 !important;
}

/* Icônes d'étoile */
.icon-star,
li .icon-star,
p .icon-star,
span .icon-star,
div .icon-star {
    color: #f59e0b !important;
    fill: #f59e0b !important;
    stroke: #f59e0b !important;
}

/* Icônes de contact */
.icon-phone,
.icon-envelope,
.icon-map-marker,
.icon-clock,
li .icon-phone,
li .icon-envelope,
li .icon-map-marker,
li .icon-clock,
p .icon-phone,
p .icon-envelope,
p .icon-map-marker,
p .icon-clock,
div .icon-phone,
div .icon-envelope,
div .icon-map-marker,
div .icon-clock {
    color: #3b82f6 !important;
    fill: #3b82f6 !important;
    stroke: #3b82f6 !important;
}

/* Icônes de navigation */
.icon-paper-plane,
li .icon-paper-plane,
p .icon-paper-plane,
span .icon-paper-plane,
div .icon-paper-plane {
    color: #1e3a8a !important;
    fill: #1e3a8a !important;
    stroke: #1e3a8a !important;
}

/* ===== RÉSEAUX SOCIAUX - COULEURS OFFICIELLES FORCÉES ===== */

/* Facebook */
.icon-facebook,
.social-link .icon-facebook,
footer .icon-facebook,
.footer .icon-facebook,
div .icon-facebook {
    color: #1877f2 !important;
    fill: #1877f2 !important;
    stroke: #1877f2 !important;
}

/* LinkedIn */
.icon-linkedin,
.social-link .icon-linkedin,
footer .icon-linkedin,
.footer .icon-linkedin,
div .icon-linkedin {
    color: #0077b5 !important;
    fill: #0077b5 !important;
    stroke: #0077b5 !important;
}

/* Twitter */
.icon-twitter,
.social-link .icon-twitter,
footer .icon-twitter,
.footer .icon-twitter,
div .icon-twitter {
    color: #1da1f2 !important;
    fill: #1da1f2 !important;
    stroke: #1da1f2 !important;
}

/* Instagram */
.icon-instagram,
.social-link .icon-instagram,
footer .icon-instagram,
.footer .icon-instagram,
div .icon-instagram {
    color: #e4405f !important;
    fill: #e4405f !important;
    stroke: #e4405f !important;
}

/* ===== FOOTER - ICÔNES BLANCHES FORCÉES ===== */

/* Toutes les icônes dans le footer */
footer .icon,
.footer .icon,
footer [class*="icon-"],
.footer [class*="icon-"] {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Icônes des réseaux sociaux dans le footer */
footer .social-link .icon,
.footer .social-link .icon,
footer .social-link [class*="icon-"],
.footer .social-link [class*="icon-"] {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Icônes de contact dans le footer */
footer .icon-phone,
footer .icon-envelope,
footer .icon-map-marker,
footer .icon-clock,
.footer .icon-phone,
.footer .icon-envelope,
.footer .icon-map-marker,
.footer .icon-clock {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* ===== LIENS SOCIAUX PARTOUT - COULEURS BLANCHES ===== */

/* Toutes les icônes dans les liens sociaux */
.social-link .icon,
.social-link [class*="icon-"] {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* ===== ICÔNES DANS DIFFÉRENTS CONTEXTES ===== */

/* Icônes dans les listes */
li .icon,
li [class*="icon-"] {
    color: #10b981 !important;
    fill: #10b981 !important;
    stroke: #10b981 !important;
    margin-right: 0.5em;
    vertical-align: middle;
}

/* Icônes dans les paragraphes */
p .icon,
p [class*="icon-"] {
    color: #3b82f6 !important;
    fill: #3b82f6 !important;
    stroke: #3b82f6 !important;
    margin-right: 0.5em;
    vertical-align: middle;
}

/* Icônes dans les titres */
h1 .icon, h2 .icon, h3 .icon, h4 .icon, h5 .icon, h6 .icon,
h1 [class*="icon-"], h2 [class*="icon-"], h3 [class*="icon-"], h4 [class*="icon-"], h5 [class*="icon-"], h6 [class*="icon-"] {
    color: #1e3a8a !important;
    fill: #1e3a8a !important;
    stroke: #1e3a8a !important;
    margin-right: 0.5em;
    vertical-align: middle;
}

/* Icônes dans les cartes et sections */
.card .icon,
.section .icon,
.feature-icon-hero .icon,
.overlay-badge .icon,
.highlight-item .icon,
.approach-icon .icon,
.card [class*="icon-"],
.section [class*="icon-"],
.feature-icon-hero [class*="icon-"],
.overlay-badge [class*="icon-"],
.highlight-item [class*="icon-"],
.approach-icon [class*="icon-"] {
    color: #1e3a8a !important;
    fill: #1e3a8a !important;
    stroke: #1e3a8a !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    margin-bottom: 0.5em;
}

/* ===== CORRECTION MODE SOMBRE ===== */
@media (prefers-color-scheme: dark) {
    /* Toutes les icônes en mode sombre */
    .icon,
    [class*="icon-"] {
        color: #ffffff !important;
        fill: #ffffff !important;
        stroke: #ffffff !important;
        filter: drop-shadow(0 1px 3px rgba(255,255,255,0.3));
    }
    
    /* Icônes spécifiques en mode sombre */
    .icon-check,
    li .icon-check {
        color: #10b981 !important;
        fill: #10b981 !important;
        stroke: #10b981 !important;
    }
    
    .icon-star,
    li .icon-star {
        color: #f59e0b !important;
        fill: #f59e0b !important;
        stroke: #f59e0b !important;
    }
    
    .icon-phone,
    .icon-envelope,
    .icon-map-marker,
    .icon-clock {
        color: #60a5fa !important;
        fill: #60a5fa !important;
        stroke: #60a5fa !important;
    }
    
    .icon-paper-plane {
        color: #93c5fd !important;
        fill: #93c5fd !important;
        stroke: #93c5fd !important;
    }
    
    /* Réseaux sociaux en mode sombre */
    .icon-facebook {
        color: #1877f2 !important;
        fill: #1877f2 !important;
        stroke: #1877f2 !important;
    }
    
    .icon-linkedin {
        color: #0077b5 !important;
        fill: #0077b5 !important;
        stroke: #0077b5 !important;
    }
    
    .icon-twitter {
        color: #1da1f2 !important;
        fill: #1da1f2 !important;
        stroke: #1da1f2 !important;
    }
    
    .icon-instagram {
        color: #e4405f !important;
        fill: #e4405f !important;
        stroke: #e4405f !important;
    }
}

/* ===== CORRECTION FORCÉE POUR TOUS LES MODES ===== */

/* S'assurer que les icônes sont toujours visibles */
.icon,
[class*="icon-"] {
    /* Propriétés critiques pour la visibilité */
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    position: relative !important;
    z-index: 1 !important;
    
    /* Couleur de secours si tout échoue */
    color: #000000 !important;
    fill: #000000 !important;
    stroke: #000000 !important;
}

/* ===== CORRECTION POUR LES ICÔNES SVG ===== */

/* S'assurer que les SVG sont visibles */
.icon svg,
[class*="icon-"] svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ===== CORRECTION POUR LES ICÔNES EN ARRIÈRE-PLAN ===== */

/* Si les icônes utilisent background-image */
[class*="icon-"] {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    min-width: 1em !important;
    min-height: 1em !important;
}

/* ===== CORRECTION SPÉCIFIQUE POUR LES ICÔNES CACHÉES ===== */

/* Forcer la visibilité des icônes qui pourraient être cachées */
.icon,
[class*="icon-"] {
    /* Propriétés de visibilité forcées */
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    
    /* Couleurs forcées */
    color: inherit !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    
    /* Taille et position */
    width: 1em !important;
    height: 1em !important;
    vertical-align: middle !important;
    
    /* Z-index pour s'assurer qu'elles sont au-dessus */
    z-index: 999 !important;
    position: relative !important;
}