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

.header-bg {
  grid-column : 1/-1;
  grid-row    : 1/5;
  align-self  : stretch;
  background  : white;
  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;
}

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

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

.header-nav {
  z-index    : 6;
  box-shadow : 0 0 10px rgba(0, 0, 0, 0.19);
}

@media (min-width : 1200px) {
  .main-header {
    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;
  }

  .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
--------------------------------------
*/

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

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