@charset "utf-8";

.lang-drop{position: relative;display: inline-block; vertical-align: middle;}
.lang-drop .lang-drop-btn{display:flex; align-items:center; gap:1rem;}
.lang-drop .arrow{filter: invert(1);width: 2rem; height: 2rem; background: url(../img/default/dropdown_arrow.svg) no-repeat center center; transition: all 0.2s;}
.lang-drop-btn[aria-expanded="true"] .arrow{transform: rotate(180deg);}
.lang-drop .lang-droplist {position: absolute; top: 3rem; right: 50%; transform: translateX(50%); z-index: 100; min-width: 10rem; padding: 2rem 1rem; background: #fff; border-radius: 1rem; box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.15);}
.lang-drop .lang-droplist li {font-size: 1.5rem; text-align:center;}
.lang-drop .lang-droplist li + li{margin-top:2rem;}
.lang-drop .lang-droplist li a{display:block;}
#rnb .lang-drop .label:after{content:''; display:block; position:absolute; bottom:-0.4rem; left:0; width:100%; height:2px; background:#fff;}
#rnb .lang-drop:after{display:none;}
@media screen and (min-width:1200px){
	.lang-drop .lang-droplist li:hover{color:var(--color-red);}
}

#header[data-menu-scrolled="true"] #rnb .lang-drop .arrow{filter: invert(0);}
#header[data-menu-scrolled="true"] #rnb .lang-drop .label:after{background:#000;}

#header[data-menu-open="true"] #rnb .lang-drop .arrow{filter: invert(0);}
#header[data-menu-open="true"] #rnb .lang-drop .label:after{background:#000;}

#header.sub .lang-drop .arrow{filter: invert(0);}
#header.sub #rnb .lang-drop .label:after{background:#000;}