/* Flag Icons CSS - Localized Base64 Version */
.fi {
    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;
    flex-shrink: 0;
}

/* Base64 encoded flags for better compatibility */
.fi-gb {
    background-image: url("../images/gb.svg");
}

.fi-fr {
    background-image: url("../images/fr.svg");
}

.fi-ma {
    background-image: url("../images/ma.svg");
}

.fi-sa {
    background-image: url("../images/sa.svg");
}

.fi-tr {
    background-image: url("../images/tr.svg");
}

.fi-us {
    background-image: url("../images/us.svg");
}

.fi-de {
    background-image: url("../images/de.svg");
}

.fi-ae {
    background-image: url("../images/ae.svg");
}

.fi-tn {
    background-image: url("../images/tn.svg");
}

.fi-ca {
    background-image: url("../images/ca.svg");
}

.fi-br {
    background-image: url("../images/br.svg");
}

/* Rounded flag variant */
.fi.rounded-full {
    border-radius: 50%;
    overflow: hidden;
}