/* ==========================================================================
   Header — light pages (contacts, etc.)
   ========================================================================== */

.header--light .header__search {
  color: var(--color-dark-bg);
}

.header--light .header__menu {
  color: var(--color-dark-bg);
}

body:not(.page-home) > .header.header--light {
  box-sizing: border-box;
  max-width: var(--home-max-width);
  margin-inline: auto;
  padding: 16px var(--home-padding-x) 0;
}

@media (max-width: 1199px) {
  body:not(.page-home) > .header.header--light {
    padding: 16px clamp(20px, 5vw, 80px) 0;
  }
}