/**
 * Language picker flags — self-hosted (no CDN / CSP dependency).
 * Uses the same .fi / .fi-xx class names as flag-icons.
 */
.fi {
    position: relative;
    display: inline-block;
    width: 1.333333em;
    line-height: 1em;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.fi:before {
    content: "\00a0";
}

.fi-gb { background-image: url("../images/flags/gb.svg"); }
.fi-sa { background-image: url("../images/flags/sa.svg"); }
.fi-fr { background-image: url("../images/flags/fr.svg"); }
.fi-de { background-image: url("../images/flags/de.svg"); }
.fi-es { background-image: url("../images/flags/es.svg"); }
.fi-it { background-image: url("../images/flags/it.svg"); }
.fi-cn { background-image: url("../images/flags/cn.svg"); }
.fi-ru { background-image: url("../images/flags/ru.svg"); }
.fi-jp { background-image: url("../images/flags/jp.svg"); }
.fi-th { background-image: url("../images/flags/th.svg"); }
.fi-pk { background-image: url("../images/flags/pk.svg"); }
.fi-ir { background-image: url("../images/flags/ir.svg"); }
.fi-ua { background-image: url("../images/flags/ua.svg"); }
.fi-nl { background-image: url("../images/flags/nl.svg"); }
.fi-pl { background-image: url("../images/flags/pl.svg"); }
.fi-vn { background-image: url("../images/flags/vn.svg"); }
.fi-kr { background-image: url("../images/flags/kr.svg"); }
.fi-tr { background-image: url("../images/flags/tr.svg"); }
.fi-id { background-image: url("../images/flags/id.svg"); }
.fi-in { background-image: url("../images/flags/in.svg"); }
.fi-br { background-image: url("../images/flags/br.svg"); }