.flag {
    display: inline-block;
    width: 20px;
    height: 15px;
    border: 1px solid #ddd;
    margin-right: 5px;
    vertical-align: middle;
}

.flag-text {
    display: inline-block;
    vertical-align: middle;
}

/* Drapeaux spécifiques */
.flag-fr {
    background: linear-gradient(to right, #002395 33%, white 33%, white 66%, #ED2939 66%);
}

.flag-de {
    background: linear-gradient(to bottom, black 33%, #DD0000 33%, #DD0000 66%, #FFCE00 66%);
}

/*.flag-gb {
    background-color: #012169;
    background-image:
        linear-gradient(90deg, transparent 42%, white 42%, white 58%, transparent 58%),
        linear-gradient(180deg, transparent 42%, white 42%, white 58%, transparent 58%),
        linear-gradient(90deg, transparent 45%, #C8102E 45%, #C8102E 55%, transparent 55%),
        linear-gradient(180deg, transparent 45%, #C8102E 45%, #C8102E 55%, transparent 55%);
}*/

.flag-en,
.flag-gb
{
    background-image: url("/images/drapeaux/gb.png"); /* adapte le chemin si besoin */
    background-size: cover;
    background-position: center;
}


.flag-es {
    background: linear-gradient(to bottom, #AA151B 25%, #F1BF00 25%, #F1BF00 75%, #AA151B 75%);
}

.flag-it {
    background: linear-gradient(to right, #009246 33%, white 33%, white 66%, #CE2B37 66%);
}

.flag-nl {
    background: linear-gradient(to bottom, #AE1C28 33%, white 33%, white 66%, #21468B 66%);
}

.flag-pl {
    background: linear-gradient(to bottom, white 50%, #DC143C 50%);
}

.flag-se {
    background-color: #006AA7;
    background-image:
            linear-gradient(to bottom, transparent 40%, #FECC00 40%, #FECC00 60%, transparent 60%),
            linear-gradient(to right, transparent 30%, #FECC00 30%, #FECC00 40%, transparent 40%);
}

.flag-be {
    background: linear-gradient(to right, black 33%, #FAE042 33%, #FAE042 66%, #ED2939 66%);
}

.flag-ie {
    background: linear-gradient(to right, #009A44 33%, #FFFFFF 33%, #FFFFFF 66%, #FF8200 66%);
}

.flag-tr {
    background-color: #E30A17;
    position: relative;
}

.flag-tr:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: white;
    border-radius: 50%;
    left: 6px;
    top: 4px;
}

.flag-tr:before {
    content: "";
    position: absolute;
    width: 5.5px;
    height: 5.5px;
    background-color: #E30A17;
    border-radius: 50%;
    left: 7px;
    top: 5px;
    z-index: 1;
}