/* Flag icons from flag-icon-css library */
.flag-icon {
    display: inline-block;
    width: 1.2em;
    height: 0.8em;
    background-size: cover;
    background-position: center;
    border-radius: 2px;
    margin-right: 0.5rem;
}

/* Using flag-icon-css sprites */
.flag-icon-gb { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/7.2.3/flags/4x3/gb.svg"); }
.flag-icon-ge { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/7.2.3/flags/4x3/ge.svg"); }
.flag-icon-ru { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/7.2.3/flags/4x3/ru.svg"); }
.flag-icon-de { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/7.2.3/flags/4x3/de.svg"); }
.flag-icon-sa { background-image: url("https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/7.2.3/flags/4x3/sa.svg"); }

#language-switcher .dropdown-menu { min-width: 12rem; }
#language-switcher .dropdown-item { 
    font-size: .95rem; 
    padding: 0.5rem 1rem;
}

#language-switcher .dropdown-item.active {
    background-color: #0d6efd;
    color: white;
}

#language-switcher .dropdown-item:hover {
    background-color: #f8f9fa;
}

/* Admin panel language buttons */
.language-btn .flag-icon,
.edit-language-btn .flag-icon {
    width: 18px;
    height: 12px;
    margin-right: 0;
}