.main-header--is-full-screen {
    --margin-for-default-container : 4%;
}

.main-header {
    position : relative;
    /*z-index  : 5;*/
    z-index  : 50;
    color    : #7a7a7a;
}

.main-header a {
    text-decoration : none;
    color           : #232323;
    transition      : all .3s;
}

.main-header a:hover {
    color : var(--link-color-on-hover);
}

.header-logo h1 {
    margin : 0;
}

.header-nav {
    background : var(--nav-bg--color);
}

/*
--------------------------------------
Style général overlay
--------------------------------------
*/
.overlay-global-except-header {
    position         : fixed;
    top              : 0;
    z-index          : 2;
    width            : 100%;
    height           : 100vh;
    background       : rgba(0, 0, 0, 0);
    pointer-events   : none;
    transition       : all 0.3s ease-out 0.2s;
    /*transform        : scaleY(0);*/
    transform-origin : top;
}

.overlay-global-except-header--is-show {
    transition     : all 0.3s ease-out;
    pointer-events : all;
    /*transform      : scaleY(1);*/
    background     : rgba(0, 0, 0, .4);
}

/*
--------------------------------------
Header template
--------------------------------------
*/
.header-banner {
    z-index    : 5;
    background : var(--secondary-color);
    text-align : center;
    font-size  : calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    padding    : 1em 0;
}

.header-infos {
    padding : 8px 0;
}

.infos-links {
    display         : flex;
    justify-content : flex-end;
}

.header-burger {
    cursor : pointer;
}

.header-actions {
    display     : flex;
    align-items : center;
}

.header-actions > * + * {
    margin-left : calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.header-actions > .language_selector {
    /*display      : none;*/
    margin-left  : 2.21em;
    padding-left : 2.21em;
    border-left  : 1px solid #F7F2EB;
}

.header-actions > .language_selector .btn-unstyle:focus .expand-more, .header-actions > .language_selector .dropdown:hover .expand-more {
    color: var(--link-color-on-hover);
}

.header-actions > .language_selector .btn-unstyle:focus .expand-more:after, .header-actions > .language_selector .dropdown:hover .expand-more:after {
    border-color: var(--link-color-on-hover);
}

.header-actions > .language_selector .dropdown .expand-more:after {
    content: '';
    width: 0.5em;
    height: 0.5em;
    border-bottom: 1px solid #232323;
    border-right: 1px solid #232323;
    display: inline-block;
    /* margin-right: 8px; */
    transform: rotate(45deg);
     position: absolute;
    left: 20px;
    top: 5px;
}

.header-actions .link-icon a {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    text-align     : center;
}

.header-actions .link-icon__text {
    display : none;
}

.link-icon {
    position    : relative;
    display     : flex;
    align-items : center;
}

.link-icon .cart-products-count,
.header-actions-footer__cart .cart-products-count {
    background    : var(--primary-color);
    border-radius : 100%;
    width         : 25px;
    line-height   : 25px;
    color         : white;
    text-align    : center;
}

.link-icon .cart-products-count {
    position  : absolute;
    top       : 0;
    right     : 0;
    transform : translate3d(50%, 0, 0);
}

.link-icon span + span {
    margin-left : 5px;
}

.cart-products-count {
    display : inline-block;
}

@media (max-width : 1024px) {
    .header-actions .search-trigger,
    .header-actions .find-shop-link__text {
        display : none;
    }
}

.search-trigger {
    cursor : pointer;
}

.header-search {
    display        : flex;
    flex-direction : column;

    position       : fixed;
    top            : 0;
    left           : 0;
    right          : 0;
    bottom         : 0;
    width          : 100%;
    height         : 100%;
    padding        : 2rem !important;
    z-index        : 15;
    background     : white;
    pointer-events : none;
    opacity        : 0;
    visibility     : hidden;
    transition     : all .3s;
}

.header-search--is-show {
    pointer-events : all;
    opacity        : 1;
    visibility     : visible;
}

.header-search .header-search__close {
    margin-bottom : 10px;
    align-self    : flex-end;
}

.header-search__close {
    text-align : end;
    padding    : .75rem;
}

button.header-search__close {
    border     : none;
    background : transparent;
}

.ui-menu.ui-jolisearch {
    width     : 100% !important;
    max-width : calc(100% - 4rem);
    left      : 2rem;
    right     : 2rem;
    margin    : 0;
}

.ui-menu.ui-jolisearch {
    border-color : transparent;
    box-shadow   : none;

}

.header-search{
    background: rgba(255,255,255,0.85)
}