/*
 * Брендбук Olymp: основной цвет Dress blues #102541 (RGB 16 37 65).
 * Тёмно-синие — шапка и подвал. Кнопки сайта остаются чёрными.
 *
 * Файл подключается последним (parts/header_script.php) и повторяет те
 * селекторы, которыми тёмный цвет задан в styles.css, стилях меню, поиска и
 * подвала, — с одним дополнительным уровнем специфичности и тем же !important.
 * Исходные файлы не меняются: цвет задаётся в одном месте, а откат — это
 * удаление подключения этого файла.
 *
 * Прозрачная шапка на главной и в личном кабинете (правила с
 * :not(:hover) в styles.css) не затрагивается: у тех правил специфичность выше.
 */
:root {
  --olymp-brand-navy: #102541;
}

/* ---------------------------------------------------------------- шапка */

html header {
  background: var(--olymp-brand-navy);
}

html header.dark-theme {
  background: var(--olymp-brand-navy);
}

html header.light-theme:hover {
  background: var(--olymp-brand-navy);
}

html header.is-expanded:after {
  background: var(--olymp-brand-navy);
}

html header .navigation {
  background-color: var(--olymp-brand-navy) !important;
}

html header.light-theme:hover .navigation {
  background: var(--olymp-brand-navy) !important;
}

html header.light-theme:hover .navigation .content-node.expanded {
  background-color: var(--olymp-brand-navy) !important;
}

html header.light-theme:hover oly-navigation .wrapper,
.HomepageTemplate.HomepageTemplate header oly-navigation .wrapper {
  background-color: var(--olymp-brand-navy) !important;
}

/* Раскрывающееся меню разделов (menu/mainmenu, menu/mainmobilemenu). */
html oly-navigation-ui.flyout > .desktop-wrapper > nav > ul > li > .wrapper {
  background-color: var(--olymp-brand-navy);
}

/* Поиск в шапке (search.title). */
html .search-form-container[_ngcontent-serverApp-c150] {
  background-color: var(--olymp-brand-navy);
}

.oly-seach-form-active.oly-seach-form-active header:not(.is-expanded):not(:hover) {
  background-color: var(--olymp-brand-navy) !important;
}

/* ---------------------------------------------------------------- подвал */

/* В footer.php цвет задан атрибутом style="background…: black" — перекрыть
   встроенный стиль из файла можно только через !important. */
html footer .bxr-bg-container[style*="black"] {
  background: var(--olymp-brand-navy) !important;
}

html footer .container-fluid.bxr-under-footer-v1.bxr-color-flat {
  background-color: var(--olymp-brand-navy);
}

html footer .bxr-socnet-wrap .footer-socnet {
  background-color: var(--olymp-brand-navy);
}

/* ------------------------------------------------ колонки подвала */

/*
 * На широких экранах (сетка col-xl-* включается от 1920px) правая колонка
 * с телефонами, адресом и соцсетями занимала 1/6 ширины: адрес переносился
 * по словам, соцсети теснились. Колонка «Компания» — 1/3, места в ней с
 * запасом. Обе делаем по четверти: 3 + 3 + 3 + 3 из 12.
 */
@media (min-width: 1920px) {
  html footer .footer-head-v2 .toggled-item.col-xl-4 {
    width: 25%;
  }

  html footer .footer-head-v2 .footer-about-company.col-xl-2 {
    width: 25%;
  }
}