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

.vii-language-switcher-item.active {color:var(--menu-color, #000);}
.vii-language-switcher-item {
    white-space:nowrap; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:var(--vii-size-16);
}
.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 {color:var(--vii-color-primary); text-decoration:underline;}


/****************************
 * Language Switcher > List
*****************************/
.vii-language-switcher.list ul {display:flex;}
.vii-language-switcher.list ul > li:not(:last-child) {margin-right:20px;}
.list .vii-language-switcher-item.active {color:var(--vii-color-primary);}

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

.vii-language-switcher.hover > .vii-language-switcher-item:after {
    content:"\e931"; font-family:var(--vii-font-icomoon); font-size:.6em;
    margin-left:7px; display:inline-block;
    transition:transform .3s ease;
}
.vii-language-switcher.hover:hover > .vii-language-switcher-item:after {transform:rotate(180deg);}

/* dropdown */
.vii-language-switcher-dropdown {
    position:absolute; top:100%; left:-15px; padding-top:5px; width:calc(100% + 30px);
    transition:all .3s ease;
}
.vii-language-switcher-dropdown ul {
    background:var(--vii-color-gray); text-align:center;
    box-shadow:0 0 0 1px #ccc; border-radius:5px;
}
.vii-language-switcher-dropdown ul li:not(:last-child) {border-bottom:2px solid #ccc;}
.vii-language-switcher-dropdown ul .vii-language-switcher-item {padding:5px 15px;}