/****************************
 * Language Switcher
*****************************/
.vii-language-switcher__inner {padding:7px 15px; border-radius:60px;}
.vii-language-switcher-item {font-size:var(--vii-size-h6);}
img.vii-language-switcher-item__flag {width:24px;}
.vii-language-switcher-item.has-flag {gap:6px;}
.vii-language-switcher-item.has-flag:not(.text-flag) > span {padding-bottom:2px;}
.vii-language-switcher.hover .vii-language-switcher__inner > .vii-language-switcher-item.has-flag:after {
    margin-top:1px; margin-left:0;
}

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


/****************************
 * Language Switcher > List
*****************************/
.vii-language-switcher.list ul {gap:12px;}
.vii-language-switcher.list ul > li .vii-language-switcher-item:not(.active) {opacity:.3;}
.vii-language-switcher.list ul > li .vii-language-switcher-item:not(.active):hover {opacity:1;}


/****************************
 * Language Switcher > Hover
*****************************/
/* hover */
.vii-language-switcher.hover:not(:hover) .vii-language-switcher-dropdown {opacity:0; visibility:hidden;}
.vii-language-switcher.hover .vii-language-switcher__inner > .vii-language-switcher-item:after {
    content:"\e931"; font-family:var(--vii-font-icomoon); font-size:10px; font-weight:400;
    color:var(--vii-color-primary);
    margin-left:6px; margin-top:3px; display:inline-block;
    transition:transform .3s ease;
}
.vii-language-switcher.hover:hover .vii-language-switcher__inner > .vii-language-switcher-item:after {
    transform:rotate(180deg); margin-top:0;
}

/* dropdown */
.vii-language-switcher-dropdown {min-width:100%; padding-top:30px; border-radius:15px;}
.vii-language-switcher-dropdown ul {border-top:1px solid rgba(112, 112, 112, 0.15);}
.vii-language-switcher-dropdown ul .vii-language-switcher-item {padding: 7px 15px 9px;}
.vii-language-switcher-dropdown ul li:not(:last-child) {border-bottom:1px solid rgba(112, 112, 112, 0.15);}
.vii-language-switcher-item.text-flag + .vii-language-switcher-dropdown ul .vii-language-switcher-item {padding-bottom:7px;}
.vii-language-switcher-item[class*="text-"].has-flag + .vii-language-switcher-dropdown {padding-top:34px;}

/****************************
 * VC Mobile
*****************************/
html.vc_mobile .vii-language-switcher__inner > .vii-language-switcher-item span {display:block; padding-top:4px;}