/****************************
 * Language Switcher
*****************************/
.vii-language-switcher ul {list-style:none; margin:0;}
.vii-language-switcher ul > li {padding:0;}

.vii-language-switcher-item {
    white-space:nowrap; display:flex; align-items:center; color:var(--vii-color-gray-90);
    padding:5px; border:1px solid currentColor; border-radius:4px; font-size:12px; line-height:1; font-weight:700;
}
.vii-language-switcher-item.text-code {text-transform:uppercase;}
img.vii-language-switcher-item__flag {width:25px; height:auto; margin-left:5px; background-color:#ccc;}

a.vii-language-switcher-item:hover,
a.vii-language-switcher-item:focus {background-color:var(--vii-color-blue); border-color:transparent;}

a.vii-language-switcher-item:hover span,
a.vii-language-switcher-item:focus span {color:var(--vii-color-white);}

/****************************
 * Language Switcher > List
*****************************/
.vii-language-switcher.list ul {display:flex;}
.vii-language-switcher-item.active {display:none;}

/****************************
 * Language Switcher > Hover
*****************************/
/* hover */
.vii-language-switcher.hover {position:relative;}
.vii-language-switcher.hover:not(:hover) .vii-language-switcher-dropdown {opacity:0; visibility:hidden;}

/* dropdown */
.vii-language-switcher-dropdown {
    position:absolute; top:100%; left:0; padding-top:10px;
    transition:all .3s ease;
}
.vii-language-switcher-dropdown ul {
    background:#fff;
    box-shadow:0 0 0 1px #ccc; border-radius:4px;
}
.vii-language-switcher-dropdown ul li:not(:last-child) {border-bottom:2px solid #ccc;}
.vii-language-switcher-dropdown ul .vii-language-switcher-item {border:none;}