CSS per al Switcher de WPML

/* wpml */
.header-html .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 0;
}
.wpml-ls-item {
    position: relative;
    
}
.wpml-ls-item .wpml-ls-link {
    padding-left: calc(2em / 2);
    padding-right: calc(2em / 2);
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}
.wpml-ls-item.wpml-ls-current-language:after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 2px;
    right: 50%;
    background: var(--global-palette1);
    -webkit-transform: scale(0, 0) translate(-50%, 0);
    transform: scale(0, 0) translate(-50%, 0);
    transition: color .0s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, color .0s ease-in-out;
    transition: transform .2s ease-in-out, color .0s ease-in-out, -webkit-transform .2s ease-in-out;
    width: calc(100% - 2em);
    transform: scale(1, 1) translate(50%, 0);
}
.transparent-header .wpml-ls-item.wpml-ls-current-language:after {
   background: var(--global-palette9); 
}
.wpml-ls-item.wpml-ls-current-language .wpml-ls-link {
    color: var(--global-palette1);
}
/* Si posem el shortcode dins del menú mobile, sinó esborrar o no actua */
#mobile-drawer .wpml-ls-item.wpml-ls-current-language:after,
#mobile-drawer .mobile-html .wpml-ls-item.wpml-ls-current-language .wpml-ls-link {
    color: var(--global-palette9);
}