/*
 * Возвращает хрому (.site-header / .site-footer) те свойства, которые legacy CSS
 * отбирает через !important.
 *
 * Порядок каскада: обычные декларации вне слоёв сильнее любого слоя, поэтому
 * chrome.css выигрывает у style-en.css почти всегда. Но для !important порядок
 * слоёв инвертируется: важная декларация в более РАННЕМ слое бьёт важную в
 * позднем, а важная вне слоёв — самая слабая. Поэтому style-en.css (слой legacy)
 * своим !important перебивает chrome.css.
 *
 * Слой chrome-armor объявлен первым (см. allot_legacy_css_layer() в functions.php),
 * так что его !important сильнее legacy. Значения продублированы из chrome.css
 * один в один — при обновлении вёрстки их нужно сверять.
 *
 * Что перебивает legacy на данный момент (проверено по всему sitemap, 42 семейства
 * страниц, 1440px и 390px):
 *   *, ::after, ::before { text-shadow: none !important; box-shadow: none !important }
 *       -> убирает тени хедера, выпадающих панелей и формы поиска на всех legacy-страницах
 *   .content-inner.lobby-page-new .btn, ... { color: #fff !important }
 *       -> красит кнопки хедера в белый на .lobby-page-new (Get in touch не видно)
 */

@layer chrome-armor {
  /* chrome.css: .site-header .btn-primary { color: var(--color-white) } */
  .site-header .btn-primary,
  .site-footer .btn-primary,
  .site-header .btn-primary:hover,
  .site-footer .btn-primary:hover {
    color: var(--color-white, #fff) !important;
  }

  /* chrome.css: .site-header .btn-ghost { color: var(--color-purple) } */
  .site-header .btn-ghost,
  .site-footer .btn-ghost,
  .site-header .btn-ghost:hover,
  .site-footer .btn-ghost:hover,
  .site-header .btn-lime,
  .site-footer .btn-lime,
  .site-header .btn-lime:hover,
  .site-footer .btn-lime:hover {
    color: var(--color-purple, #370d53) !important;
  }

  /* chrome.css: .site-header .site-header-search-form { box-shadow: 0 10px 30px #370d5324 } */
  .site-header .site-header-search-form {
    box-shadow: 0 10px 30px #370d5324 !important;
  }

  /* chrome.css: .site-header.is-scrolled { box-shadow: 0 6px 30px #370d5312 } */
  .site-header.is-scrolled {
    box-shadow: 0 6px 30px #370d5312 !important;
  }

  @media (min-width: 1120px) {
    /* chrome.css: @media (min-width: 1120px) { .site-header { box-shadow: 0 1px #370d530f } } */
    .site-header {
      box-shadow: 0 1px #370d530f !important;
    }

    /* chrome.css: @media (min-width: 1120px) { .site-header .site-header-panel { box-shadow: 0 30px 60px #370d5324 } } */
    .site-header .site-header-panel {
      box-shadow: 0 30px 60px #370d5324 !important;
    }
  }
}