/**
 * Flag Icons System (Third-Party SVG Integration via CSS)
 * 支援 16 國語系國旗向量圖示，透過 <i class="icon icon-[代號]"> 使用
 */
.icon,
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    height: 0.95em;
    vertical-align: -0.12em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    flex-shrink: 0;
}

.icon.border-1,
.border-1.icon {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

/* 16 國語系對應 SVG 國旗圖示 (public/icons/flags/*.svg) */
.icon-tw { background-image: url('../icons/flags/tw.svg'); }
.icon-cn { background-image: url('../icons/flags/cn.svg'); }
.icon-jp { background-image: url('../icons/flags/jp.svg'); }
.icon-ko, .icon-kr { background-image: url('../icons/flags/ko.svg'); }
.icon-vi, .icon-vn { background-image: url('../icons/flags/vi.svg'); }
.icon-th { background-image: url('../icons/flags/th.svg'); }
.icon-id { background-image: url('../icons/flags/id.svg'); }
.icon-en, .icon-us { background-image: url('../icons/flags/en.svg'); }
.icon-es { background-image: url('../icons/flags/es.svg'); }
.icon-pt, .icon-br { background-image: url('../icons/flags/pt.svg'); }
.icon-fr { background-image: url('../icons/flags/fr.svg'); }
.icon-de { background-image: url('../icons/flags/de.svg'); }
.icon-it { background-image: url('../icons/flags/it.svg'); }
.icon-nl { background-image: url('../icons/flags/nl.svg'); }
.icon-ru { background-image: url('../icons/flags/ru.svg'); }
.icon-tr { background-image: url('../icons/flags/tr.svg'); }