/**
 * Fix pour l'affichage des drapeaux
 * Compatible avec flag-icons 6.x et versions antérieures
 */

/* Import de la bibliothèque flag-icons */
@import url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css');

/* Compatibilité ancienne syntaxe flag-icon vers nouvelle syntaxe fi */
.flag-icon {
    display: inline-block;
    width: 1.33333em;
    height: 1em;
    line-height: 1em;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    vertical-align: middle;
}

/* Mapper les codes pays vers les drapeaux */
.flag-icon-sen { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/sn.svg'); }
.flag-icon-mar { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/ma.svg'); }
.flag-icon-egy { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/eg.svg'); }
.flag-icon-nga { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/ng.svg'); }
.flag-icon-civ { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/ci.svg'); }
.flag-icon-gha { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/gh.svg'); }
.flag-icon-cmr { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/cm.svg'); }
.flag-icon-dza { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/dz.svg'); }
.flag-icon-tun { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/tn.svg'); }
.flag-icon-mli { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/ml.svg'); }
.flag-icon-zaf { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/za.svg'); }
.flag-icon-gin { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/gn.svg'); }
.flag-icon-bfa { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/bf.svg'); }
.flag-icon-com { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/km.svg'); }
.flag-icon-zmb { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/zm.svg'); }
.flag-icon-ago { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/ao.svg'); }
.flag-icon-zwe { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/zw.svg'); }
.flag-icon-tza { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/tz.svg'); }
.flag-icon-uga { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/ug.svg'); }
.flag-icon-ben { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/bj.svg'); }
.flag-icon-bwa { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/bw.svg'); }
.flag-icon-cod { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/cd.svg'); }
.flag-icon-gnq { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/gq.svg'); }
.flag-icon-sdn { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/sd.svg'); }
.flag-icon-gab { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/ga.svg'); }
.flag-icon-moz { background-image: url('https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/flags/4x3/mz.svg'); }

/* Tailles des drapeaux */
.flag-icon-small {
    width: 1em;
    height: 0.75em;
}

.flag-icon-medium {
    width: 1.5em;
    height: 1.125em;
}

.flag-icon-large {
    width: 2em;
    height: 1.5em;
}

/* Style dans les matchs */
.can2025-match-teams .flag-icon {
    width: 32px;
    height: 24px;
    margin-right: 8px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* Style dans les classements */
.can2025-standings .flag-icon {
    width: 24px;
    height: 18px;
    margin-right: 6px;
    border-radius: 2px;
}

/* Style match en direct */
.can2025-live-match .flag-icon {
    width: 40px;
    height: 30px;
    margin: 0 10px;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}