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

.header-bg, .main-header {
  grid-column : 1/-1;
  grid-row    : 1/4;
  align-self  : stretch;
  background  : var(--color-white-default);
  z-index     : 4;
}

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

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

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

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

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

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

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

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

.header-logo {
  grid-column : 3;
  max-width   : 230px;
}

.header-logo img {
  height : auto;
}

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

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

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

@media (min-width : 1200px) {
  .main-header_container {
    grid-template-columns : var(--container-primary-margin) auto auto 1fr auto var(--container-primary-margin);
  }

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

  .header-search {
    grid-row    : 3;
    grid-column : 4;
    padding     : 0;
    margin      : 0 70px;
  }

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

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

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

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

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

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

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

.main-header_container {
  padding-bottom : 10px;
}

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

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

.main-header_container {
  padding-bottom : 10px;
}

body[data-is-desktop="true"] .main-header_container {
  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 : 30px;
  width         : 100%;
  padding       : 10px;
  padding-left  : 1.5em;
  color         : var(--color-grey-font-default);
  border        : none;
  background    : #ECEFF2;
  transition    : all .3s ease-out;
}

.search-widget form input[type=text]:focus {
  outline : none;
}

.search-widget form button[type=submit] {
  position        : absolute;
  right           : 0;
  display         : flex;
  justify-content : center;
  align-items     : center;
  padding         : 0 10px;
  text-align      : center;
  background      : #ECEFF2 !important;
  color           : #29496F;
  border-radius   : 50%;
  border          : none;
}

.search-widget form button[type=submit]:focus {
  outline : none;
}

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

  .search-widget form button[type=submit] {
    margin-right : 3px;
  }

  .header-logo {
    max-width : 310px;
  }
}