/**
 * Компактная шапка Aspro (#headerfixed) сразу при загрузке страниц подборов.
 * --spl-admin-panel-h задаёт JS по высоте #bx-panel / #panel.
 * См. common/js/selections-compact-header.js
 */

/* Фон страниц подборов: gray-100 вместо Aspro dark-theme-page */
body.spl-selections-page {
  --spl-ui-gray-100: #f2f2f2;
  background-color: var(--spl-ui-gray-100) !important;
  color: #1d1e1e;
}

body.spl-selections-compact-header {
  --spl-compact-header-h: 81px;
  --spl-admin-panel-h: 0px;
  /* #bx-panel-back уже резервирует место под админку; добавляем только шапку */
  padding-top: var(--spl-compact-header-h) !important;
}

/* Обычная высокая шапка — в потоке не нужна, место занимает fixed */
body.spl-selections-compact-header header.header {
  display: none !important;
}

body.spl-selections-compact-header #headerfixed {
  display: block !important;
}

body.spl-selections-compact-header #headerfixed.fixed {
  top: var(--spl-admin-panel-h, 0px) !important;
}

/* Без тени + фон gray-100 у компактной шапки */
body.spl-selections-compact-header #headerfixed,
body.spl-selections-compact-header #headerfixed .header,
body.spl-selections-compact-header #headerfixed .header__inner,
body.spl-selections-compact-header #headerfixed .header__inner--shadow-fixed,
body.spl-selections-compact-header #headerfixed .header__top-part,
body.spl-selections-compact-header #headerfixed .header__main-part {
  background-color: var(--spl-ui-gray-100, #f2f2f2) !important;
  box-shadow: none !important;
}