/****************************
 * Language Switcher
*****************************/
.vii-language-switcher-item {white-space:nowrap; display:flex; align-items:center;}
.vii-language-switcher-item.text-code, .vii-language-switcher-item.text-name {
    position:relative; z-index:3;
    color:var(--vii-color-primary); text-transform:capitalize; line-height:1;
    transition:var(--vii-transition);
}
img.vii-language-switcher-item__flag {width:25px; height:auto;}
a.vii-language-switcher-item:hover,
a.vii-language-switcher-item:focus {color:var(--vii-color-primary);}

/* Has flag */
.vii-language-switcher .vii-language-switcher-item.has-flag img {padding-right:5px;}

/****************************
 * Language Switcher > List
*****************************/
.vii-language-switcher.list ul {display:flex; align-items:center; gap:20px;}
.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;}
.txt_color_white .vii-language-switcher.list ul > li .vii-language-switcher-item,
.txt_color_white.vii-language-switcher.list ul > li .vii-language-switcher-item {color:var(--vii-color-white);}


/* Has flag */
.vii-language-switcher.hover > .vii-language-switcher-item.has-flag + .vii-language-switcher-dropdown {
    top:-8px; padding-top:27px;
}
.vii-language-switcher.hover > .vii-language-switcher-item.has-flag + .vii-language-switcher-dropdown .vii-language-switcher-item {
    padding-left:14px; padding-right:14px;
}


/****************************
 * Language Switcher > Hover
*****************************/
/* hover */
.vii-language-switcher.hover .vii-language-switcher__inner {position:relative; padding:6px 10px;}
.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:13px; font-weight:400;
    color:var(--vii-color-primary);
    margin-left:6px; display:inline-block;
    transition:transform .3s ease;
}
.vii-language-switcher.hover:hover .vii-language-switcher__inner {border-color:rgba(0, 0, 0, 0); background:rgba(0, 0, 0, 0);}
.vii-language-switcher.hover:hover .vii-language-switcher__inner > .vii-language-switcher-item:after {transform:rotate(180deg);}

/* dropdown */
.vii-language-switcher-dropdown {
    position:absolute; top:-1px; left:-1px; z-index:2;
    background:#fff; min-width:calc(100% + 2px); padding-top:calc(var(--vii-height-menu) - 2px);
    border:1px solid rgba(112, 112, 112, 0.15); border-radius:var(--vii-radius-4);
    transition:var(--vii-transition);
}
.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:8px 10px;}
.vii-language-switcher-dropdown ul .vii-language-switcher-item.text-name {padding:12px 10px;}
.vii-language-switcher-dropdown ul .vii-language-switcher-item.text-code span,
.vii-language-switcher-dropdown ul .vii-language-switcher-item.text-name span {position:relative;}
.vii-language-switcher-dropdown ul .vii-language-switcher-item.text-code span:before,
.vii-language-switcher-dropdown ul .vii-language-switcher-item.text-name span:before {
    content:"";
    width:0; height:1px; background:var(--vii-color-primary);
    position:absolute; bottom:0; left:0;
    transition:width .3s ease;
}
.vii-language-switcher-dropdown ul li:not(:last-child) {border-bottom:1px solid rgba(112, 112, 112, 0.15);}
.vii-language-switcher-dropdown ul .vii-language-switcher-item:hover span:before {width:100%;}

/* dropdown with flag */
.vii-language-switcher.hover > .vii-language-switcher-item.has-flag:after {font-size:10px;}
.vii-language-switcher-dropdown ul .vii-language-switcher-item.has-flag {padding:8px 10px;}