


.header-lang {
position: relative;
height: 100%;
}

.header-lang:hover .header-lang__menu {
  pointer-events: auto;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.header-lang__trigger {
    border-radius: 50%;
    background: rgb(255, 146, 113);
width: 44px;
height: 44px;
padding: 12px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
pointer-events: none;
transition: border-color 0.3s ease;
color: #fff;

}

.header-lang__menu {
position: absolute;
bottom: 0;
left: 0;
right: 0;
transform: translateY(100%);
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
height: fit-content;
width: 100%;
border-radius: 20px;
overflow: hidden;
opacity: 0;
pointer-events: none;
visibility: hidden;
z-index: 10;
background: #f2ffe6;
}

.header-lang__item {
     background: rgb(255, 146, 113);
width: 44px;
height: 44px;
padding: 12px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}

.header-lang__item a {
text-decoration: none;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}

.header__top-right-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.header-lang-desktop {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

}

.header-lang__item-desktop {
    color: #f2ffe6;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
   
}

.header-lang__item-desktop a {
    color: #f2ffe6;
    text-decoration: none;
     transition: color 0.3s ease-in-out;
   
}

.header-lang__item-desktop .active {
    color: rgb(255, 146, 113);
}



.header.headroom--not-top .header-lang__item-desktop a{
     color: rgba(3,25,21,1);
    text-decoration: none;
     transition: color 0.3s ease-in-out;

}

.header.headroom--not-top .header-lang__item-desktop{
     color: rgba(3,25,21,1);
    text-decoration: none;
     transition: color 0.3s ease-in-out;

}

.header.headroom--not-top .header-lang__item-desktop .active {
    color: rgb(255, 146, 113);
}