/* Тёмное меню на светлых страницах.

   Шапка темы position:fixed и раскрашена под тёмный герой: логотип, пункты меню и бургер
   белые. На странице без секции .hero (архив автора и любая будущая такая страница) верх
   белый — меню сливалось с фоном и «нифига не видно».

   Класс body.header-light ставится двумя путями:
     • сервером — inc/header-contrast.php, для заведомо светлых шаблонов (архив автора):
       так нет мигания белым меню до выполнения скрипта;
     • на клиенте — initHeaderContrast() в assets/js/main.min.js: нет .hero, накрывающей
       полосу шапки, — страница светлая.

   Правила намеренно выключаются в двух состояниях, где под шапкой уже своя тёмная подложка:
     • .header.active     — шапка вернулась при прокрутке вверх, background #151b63;
     • .header-block.menu-open — открыто мобильное меню, оно рисуется на #1c2567. */

/* логотип — тёмный вариант, тот же файл, что в подвале */
body.header-light .header:not(.active) .container .header-block:not(.menu-open) .logo img {
  content: url(../images/footer-logo.svg);
}

/* ---------- десктоп ---------- */
@media (min-width: 993px) {
  body.header-light .header:not(.active) .container .header-block:not(.menu-open) .header-wrapper > ul > li > a,
  body.header-light .header:not(.active) .container .header-block:not(.menu-open) .header__item ul li a {
    color: #111853;
  }
  /* плашка под пунктами — светлое стекло вместо тёмного */
  body.header-light .header:not(.active) .container .header-block:not(.menu-open) .header-wrapper > ul::before {
    background: rgba(17, 24, 83, .06);
    border: 1px solid rgba(17, 24, 83, .08);
    -webkit-backdrop-filter: blur(.625rem);
    backdrop-filter: blur(.625rem);
  }
  /* пункты внутри плашки — без собственной подложки, иначе стекло идёт пятнами */
  body.header-light .header:not(.active) .container .header-block:not(.menu-open) .header-wrapper > ul > li > a {
    background: transparent;
  }
  /* стрелка «вниз» — спрайт белый, инвертируем в тёмный */
  body.header-light .header:not(.active) .container .header-block:not(.menu-open) .header-wrapper > ul > li.menu-item-has-children:after,
  body.header-light .header:not(.active) .container .header-block:not(.menu-open) .header-wrapper > ul > li.menu-item-has-children > a:after {
    filter: invert(1);
  }
  /* подчёркивание пункта без подменю */
  body.header-light .header:not(.active) .container .header-block:not(.menu-open) .header-wrapper > ul > li:not(.menu-item-has-children) a:before {
    background: #111853;
  }
  /* выпадающая панель («Owner Operators», «Carrier Partners»): её содержимое белое,
     штатная подложка rgba(255,255,255,.22) рассчитана на тёмный герой — на светлой
     странице панель становилась белой на белом. Возвращаем тёмное стекло, внутри
     панели ничего не меняем. */
  body.header-light .header:not(.active) .container .header-block:not(.menu-open) .header-wrapper .mega-menu-dropdown.active:before {
    background: rgba(17, 24, 83, .88) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    -webkit-backdrop-filter: blur(1.25rem) !important;
    backdrop-filter: blur(1.25rem) !important;
  }
  /* сам пункт, пока его список открыт */
  body.header-light .header:not(.active) .container .header-block:not(.menu-open) .header-wrapper > ul > li.menu-item-has-children:hover > a {
    color: #111853;
  }
}

/* ---------- мобайл: бургер и кнопка Apply Now, пока меню закрыто ---------- */
@media (max-width: 992px) {
  body.header-light .header:not(.active) .container .header-block:not(.menu-open) .btn_nav .burger .line {
    background: #111853;
  }
  body.header-light .header:not(.active) .container .header-block:not(.menu-open) .mobile-btn__popup {
    color: #111853;
    border-color: rgba(17, 24, 83, .18);
    background: rgba(17, 24, 83, .05);
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
  }
}