/*
--------------------------------------
layout
--------------------------------------
*/
.main-header {
    display               : grid;
    grid-template-columns : var(--container-margin-primary) auto 1fr auto var(--container-margin-primary);
    align-items           : center;
}

.header-bg {
    grid-column : 1/-1;
    grid-row    : 3/5;
    align-self  : stretch;
    /*background  : url('/modules/bwa_menu/views/assets/img/bg-header-responsive.png');*/
    background: var(--color-grey-header);
    z-index     : 4;
}

.header-banner,
.header-infos,
.header-burger,
.header-logo,
.header-search,
.header-actions {
    z-index : 5;
}


.header-actions {
    padding : 28px 0 17px 0;
}

.header-banner,
.header-infos {
    grid-column : 1/-1;
}

.header-banner {
    grid-row : 1;
}

.header-infos {
    grid-row : 2;
}

.header-logo,
.header-actions {
    grid-row : 3;
}

.header-burger {
    display : flex;
    grid-row : 4;
}

.header-burger p {
    font-family    : var(--typo-secondary);
    color          : white;
    letter-spacing : 2px;
    font-size      : 12px;
}

@media (max-width : 375px) {
    .header-burger p {
        font-size : 9px;
    }
}

@media (max-width : 330px) {
    .header-burger p {
        font-size : 7px;
    }
}


@media (min-width : 768px) {
    .header-bg {
        /*background          : #000000 url('/modules/bwa_menu/views/assets/img/bg-submenu.png');*/
        background: var(--color-grey-header);
        background-position : left;
    }
}


@media (min-width : 1200px) {
    .header-bg {
        background : var(--color-grey-header);
    }

    .header-burger,
    .header-actions {
        padding : 25px 0;
    }
}

.header-search {
    grid-row : 4;
}

.header-burger {
    grid-column : 2;
}

.header-logo {
    grid-column : 2;
}

.header-actions {
    grid-column : 4;
    grid-row    : 3;
    align-self  : stretch;

}

.header-search {
    grid-column : 3/-2;
}



.header-nav {
    position   : relative;
    overflow   : hidden;
    z-index    : 5;
    box-shadow : 0 0 10px rgba(0, 0, 0, 0.19);
    background : var(--color-grey-header);
}


@media (max-width : 374px) {
    .header-logo a .header-logo-part:first-child {
        width : 35px;
    }

    .header-logo a .header-logo-part:last-child {
        font-size : 0;
    }
}

@media (min-width : 375px) and (max-width : 399px) {
    .header-logo a .header-logo-part:last-child {
        font-size   : 10px;
        line-height : 1.3;
    }
}

@media (min-width : 400px) and (max-width : 767px) {
    .header-logo a .header-logo-part:first-child {
        width : 45px;
    }

    .header-logo a .header-logo-part:last-child {
        font-size : var(--font-size-150);
    }
}

@media (min-width : 768px) and (max-width : 1199px) {
    .header-logo a .header-logo-part:first-child {
        width         : 50px;
        padding-right : 8px;
    }

    .header-logo a .header-logo-part:last-child {
        font-size : var(--font-size-200);
    }
}

@media (max-width : 1199px) {
    .header-logo a .header-logo-part:first-child {
        padding : 5px;
    }

    .header-logo a .header-logo-part {
        padding : 15px 10px 15px 3px;
    }
}

@media (min-width : 1200px) {
    .header-actions {
        padding-right : 25px;
    }

    .header-bg {
        grid-row : 1/4;
    }

    .main-header {
        /*grid-template-columns : 0 auto auto 1fr 395px 0;*/
        grid-template-columns : 0 auto auto 1fr auto 0;
    }

    .header-search {
        padding : 15px 0;
    }

    .header-search {
        grid-row : 3;
    }

    .header-banner,
    .header-infos,
    .header-nav {
        grid-column : 1/-1;
    }

    .header-burger {
        grid-column : 2;
    }

    body[data-is-desktop="true"] .header-burger {
        display : none;
    }

    .header-logo {
        grid-column : 3;
    }

    .header-search {
        grid-column : 4;
        padding     : 0 25px;
    }


    .header-actions {
        grid-column : 5;
    }

    .header-nav {
        z-index : 3;
    }
}

/*
--------------------------------------
global
--------------------------------------
*/

@media (min-width : 1200px) {
    .main-header {
        padding-bottom : 10px;
    }
}

body[data-is-desktop="true"] .main-header {
    padding-bottom : 0;
}

/*
--------------------------------------
Search
--------------------------------------
*/
.search-widget {
    width : 100%;
}

.search-widget form {
    position    : relative;
    display     : flex;
    align-items : center;
}

.search-widget input[type=text] {
    border-radius : 5px;
    box-shadow    : 0 0 15px rgba(0, 0, 0, .1);
    width         : 100%;
    padding       : 10px;
    padding-left  : 40px;
    color         : #878787;
    font-size     : var(--font-size-200);
    border        : 1px solid rgba(0, 0, 0, .25);
    transition    : all .3s ease-out;
}

.search-widget form input[type=text]:focus {
    border-color : var(--color-primary);
    outline      : none;
}

.search-widget form button[type=submit] {
    position        : absolute;
    left            : 2px;
    height          : 90%;
    display         : flex;
    justify-content : center;
    align-items     : center;
    padding         : 0 10px 0 16px;
    text-align      : center;
    color           : #878787;
    background      : white;
    border          : none;
    /*border-radius   : 0 30px 30px 0;*/
}

.search-widget form input[type=text]:focus + button .search {
    color : #878787;
}

.header-search {
    padding-bottom : 12px;
}

.search-widget svg {
    height : 13px;
    width  : 13px;
}

@media (min-width : 1200px) {
    .search-widget form input[type=text] {
        min-height : 42px;
    }

    .header-search {
        padding-bottom : 0;
    }
}

/* Language selector */
.language-selector > button {
    height              : 25px;
    width               : 25px;
    border-radius       : 100%;
    background-position : center;
    background-size     : cover;
    border              : 2px solid white;
}

.language-selector-wrapper .dropdown-menu li {
    padding : 5px 5px;
}

.language-selector-wrapper .dropdown-menu img {
    width : 35px;
}

.currency-selector .dropdown-menu, .language-selector-wrapper .dropdown-menu {
    display          : none;
    position         : absolute;
    background-color : var(--color-grey-header);
    border           : 1px solid black;
    border-top       : none;
}

/* Currency selector */
.currency-selector.dropdown .expand-more {
    color       : white;
    font-size   : var(--font-size-700);
    font-family : 'Lato';
    font-weight : 300;
}

.currency-selector .dropdown-menu li {
    padding : 6px 12px;
}

.currency-selector .dropdown-menu li a {
    color : white;
}

.header-actions > *:not(:last-child):not(:first-child) {
    border-right : 1px solid grey;
}

@media (max-width: 1199px){
    .header-logo{
        margin-left: 0px;
        margin-right: 15px;
    }
    .header-logo img{
        width: 70px;
    }
    .icon_for_menu img{
        width: 45px;
    }
    .header-burger{
        padding: 20px 0 30px 0;
    }
}