/**
 * Genius Sounds — шапка и подвал темы на страницах плагина.
 *
 * Тема Impreza рисует светлую шапку и подвал, а наши страницы тёмные —
 * без этого файла верх и низ страницы «отваливаются» от контента.
 * Базовый плагин на своих страницах просто прячет шапку и подвал; мы вместо
 * этого перекрашиваем их, чтобы у посадочных страниц каталога осталась навигация.
 */

.gs-chrome {
    --gs-chrome-bg: #0a0f1a;
    --gs-chrome-bg-2: #0d1320;
    --gs-chrome-border: rgba(148, 163, 184, 0.14);
    --gs-chrome-text: #e2e8f0;
    --gs-chrome-muted: #94a3b8;
    --gs-chrome-accent: #818cf8;
}

/* Возвращаем шапку и подвал, спрятанные тёмной темой базового плагина. */
body.gs-chrome.l-body #page-header,
body.gs-chrome.l-body header.l-header,
body.gs-chrome.l-body .l-header,
body.gs-chrome.l-body #page-footer,
body.gs-chrome.l-body .l-footer,
body.gs-chrome.l-body footer#page-footer {
    display: block !important;
}

/* ---------------------------------------------------------------- Шапка */

body.gs-chrome .l-header,
body.gs-chrome .l-header.bg_solid,
body.gs-chrome .l-subheader,
body.gs-chrome .l-subheader.at_middle,
body.gs-chrome .l-subheader.at_top,
body.gs-chrome .l-subheader.at_bottom {
    background-color: var(--gs-chrome-bg) !important;
    color: var(--gs-chrome-text) !important;
}

body.gs-chrome .l-header {
    border-bottom: 1px solid var(--gs-chrome-border) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35) !important;
}

body.gs-chrome .l-header .w-nav-anchor,
body.gs-chrome .l-header .w-nav-title,
body.gs-chrome .l-header .w-text,
body.gs-chrome .l-header a:not(.w-btn) {
    color: var(--gs-chrome-text) !important;
}

body.gs-chrome .l-header .w-nav-anchor:not(.w-btn):hover,
body.gs-chrome .l-header .w-nav-anchor:not(.w-btn):focus,
body.gs-chrome .l-header a:not(.w-btn):hover {
    color: var(--gs-chrome-accent) !important;
}

/* Кнопка в меню — в наш акцент. */
body.gs-chrome .l-header .w-btn.us-btn-style_1,
body.gs-chrome .l-header .w-nav-anchor.w-btn {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.3) !important;
}

body.gs-chrome .l-header .w-btn.us-btn-style_1:hover {
    filter: brightness(1.08);
    color: #fff !important;
}

/* Бургер и мобильное меню. */
body.gs-chrome .w-nav-icon > div,
body.gs-chrome .w-nav-icon > div::before,
body.gs-chrome .w-nav-icon > div::after {
    border-color: var(--gs-chrome-text) !important;
    background-color: var(--gs-chrome-text) !important;
}

@media (max-width: 900px) {
    body.gs-chrome .w-nav.m_layout_fullscreen .w-nav-list.level_1 {
        background-color: rgba(8, 12, 20, 0.97) !important;
    }
}

body.gs-chrome .w-nav-anchor.level_1 {
    color: var(--gs-chrome-text) !important;
}

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

body.gs-chrome .l-footer,
body.gs-chrome #page-footer,
body.gs-chrome .l-footer .l-section,
body.gs-chrome #page-footer .l-section {
    background-color: var(--gs-chrome-bg-2) !important;
    color: var(--gs-chrome-muted) !important;
}

body.gs-chrome .l-footer {
    border-top: 1px solid var(--gs-chrome-border) !important;
}

body.gs-chrome .l-footer,
body.gs-chrome .l-footer p,
body.gs-chrome .l-footer li,
body.gs-chrome .l-footer .w-text,
body.gs-chrome .l-footer .w-html {
    color: var(--gs-chrome-muted) !important;
}

body.gs-chrome .l-footer h1,
body.gs-chrome .l-footer h2,
body.gs-chrome .l-footer h3,
body.gs-chrome .l-footer h4,
body.gs-chrome .l-footer h5,
body.gs-chrome .l-footer h6,
body.gs-chrome .l-footer strong {
    color: var(--gs-chrome-text) !important;
}

body.gs-chrome .l-footer a {
    color: var(--gs-chrome-accent) !important;
}

body.gs-chrome .l-footer a:hover {
    color: #22d3ee !important;
}

body.gs-chrome .l-footer hr,
body.gs-chrome .l-footer .w-separator {
    border-color: var(--gs-chrome-border) !important;
}

/* ---------------------------------------------------------------- Полотно */

body.gs-chrome,
body.gs-chrome .l-canvas,
body.gs-chrome .l-main,
body.gs-chrome #page-content {
    background-color: #080c14 !important;
}

/* Базовый плагин красит секцию в синий (#394869) — на наших страницах
   это пятно вокруг тёмных карточек. */
body.gs-chrome .l-main .l-section,
body.gs-chrome .l-main .l-section.height_custom {
    background-color: transparent !important;
}

/* Собственный вертикальный отступ секции поверх отступа под шапку даёт
   пустую полосу на первом экране (отступ под шапку живёт на .l-section-h). */
body.gs-chrome .l-main > .l-section:first-of-type {
    padding-top: 0 !important;
}

/* Ячейки шапки не должны просвечивать своим фоном. */
body.gs-chrome .l-subheader-h,
body.gs-chrome .l-subheader-cell,
body.gs-chrome .l-header .w-nav,
body.gs-chrome .l-header .w-nav-list.level_1 {
    background-color: transparent !important;
}

/* Отступ под фиксированную шапку тема вешает на первую секцию
   (.l-main > .l-section:first-of-type > .l-section-h), а тёмная тема базового
   плагина его обнуляет — она шапку прячет. Мы шапку показываем, значит отступ
   надо вернуть; берём высоту из переменной самой темы. */
body.gs-chrome.kie-tts-plugin-page-body #page-content,
body.gs-chrome.kie-tts-plugin-page-body .l-main > .l-section:first-of-type > .l-section-h {
    padding-top: var(--header-height, 96px) !important;
}

/* Выпадающее подменю «Звуки и видео» */
body.gs-chrome .w-nav-list.level_2,
body.gs-chrome .w-nav .w-nav-list.sub {
    background-color: #0d1320 !important;
    border: 1px solid var(--gs-chrome-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5) !important;
    overflow: hidden;
}

body.gs-chrome .w-nav-anchor.level_2 {
    color: var(--gs-chrome-text) !important;
    background-color: transparent !important;
}

body.gs-chrome .w-nav-anchor.level_2:hover {
    background-color: rgba(99, 102, 241, 0.18) !important;
    color: #fff !important;
}