/* class defined in the individual template/{page}.html */
.site-header {
    --header-height: 85px;
    z-index: 10;
    position: relative;
    position: sticky;
    top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    background: white;
    height: var(--header-height);
}

@media only screen and (max-width: 960px) {
    .site-header .main-menu {
        order: 1;
    }
}

/* WPML language switcher */
.site-header .wpml-language-switcher-block {
    padding-left: var(--wp--custom--spacing--2-rem);
    width: auto !important;
}

.site-header .wpml-language-switcher-block::before {
    content: "";
    width: 1px;
    height: 30px;
    background: var(--wp--custom--color--grey-50);
    position: absolute;
    left: var(--wp--custom--spacing--1-rem);
}

.site-header
    .wpml-language-switcher-block
    .wp-block-navigation-item.has-child.wp-block-navigation-submenu {
    width: 100%;
}

.site-header .wpml-language-switcher-block .current-language-item {
    height: var(--header-height);
}

.site-header .wpml-language-switcher-block .current-language-item .wpml-ls-flag {
    display: none;
}

.site-header
    .wpml-language-switcher-block
    .wp-block-navigation-item__content
    .wp-block-navigation-item__label {
    text-transform: none;
}

.site-header .wpml-language-switcher-block .current-language-item .wp-block-navigation-item__label {
    font-family: monospace;
    text-transform: uppercase;
    white-space: nowrap;
    width: 2ch;
    overflow: hidden;
}

.site-header .wpml-ls-flag {
    margin-right: 8px !important;
}

.site-header .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    right: 0;
    left: auto;
    background: white !important;
    padding-top: var(--wp--custom--spacing--1-rem) !important;
    padding-bottom: var(--wp--custom--spacing--1-rem) !important;
}

.site-header
    .wp-block-navigation
    .has-child
    .wp-block-navigation__submenu-container
    .wp-block-navigation-item__content {
    padding: calc(var(--wp--custom--spacing--1-rem) / 4) var(--wp--custom--spacing--8-rem)
        calc(var(--wp--custom--spacing--1-rem) / 4) var(--wp--custom--spacing--1-rem);
}

.site-header
    .wpml-language-switcher-block
    .current-language-item
    .wp-block-navigation-item__content
    > div::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/protektor/assets/icons/globe--red.svg);
    background-size: 24px;
    margin-right: 5px;
}

.site-header
    .wpml-language-switcher-block
    .wp-block-navigation__submenu-container
    .wp-block-navigation-item__content:hover {
    color: var(--wp--custom--color--red-50);
}

@media only screen and (max-width: 768px) {
    .header-container .search-box--open{
        width: 100%;
    }
}