/*----------------- HEADER ICONS -------------*/

#header-icons {
    z-index: 100;
    display: flex;
    pointer-events: all;
    position: absolute;
    top: var(--nav-icon-padding-Y);
    right: var(--nav-icon-padding-Y);
    gap: 22px;
}

#header-icons img {
    height: var(--icon-size) !important;
    display: block;
    width: auto;
}

.icon {
    display: flex;
    text-align: center;
    vertical-align: top;
    transition: all 0.3s ease 0s;
}

.icon a {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
}

div#header-icons .textwidget * {
    color: #fff;
    font-size: 18px;
    display: flex;
}

div#header-icons .textwidget p {
    align-items: center;
    gap: var(--gap-s);
    padding-right: var(--gap-m) !important;
}

div#header-icons .textwidget p::before {
    content: '';
    display: block;
    --my-size: 0.8em;
    width: calc(var(--my-size) * 2.1956743);
    height: var(--my-size);
    background-image: url(../img/back-btn-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 1024px) {
    #header-icons .icon:first-child {
        display: none !important;
    }
}


/*---------------- WPML -------------*/

.wpml-ls {
    padding: 0 !important;
    border: none !important;
    display: flex;
}

.wpml-ls-legacy-list-horizontal>ul {
    display: flex;
}

.wpml-ls-legacy-list-horizontal a {
    padding: 0 !important;
}

li.wpml-ls-item span.wpml-ls-display {
    display: flex;
    font-size: 0;
    align-items: center;
    gap: 5px;
}

li.wpml-ls-item span.wpml-ls-display:before {
    height: var(--icon-size);
    width: var(--icon-size);
    background-image: url(/wp-content/themes/astra-impuls-child/img/icon-lang.svg);
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

li.wpml-ls-item span.wpml-ls-display:after {
    content: '';
    display: block;
    font-size: 1rem;
    color: #fff;
}

li.wpml-ls-item.wpml-ls-item-en span.wpml-ls-display:after {
    content: 'EN';
}

li.wpml-ls-item.wpml-ls-item-de span.wpml-ls-display:after {
    content: 'DE';
}