/* Правки восстановления. Архивные CSS в /media/css не трогаем — всё здесь.
   Подключается последним в src/layouts/Base.astro. */

/* --- Цели попапов ------------------------------------------------------
   На живом сайте один и тот же адрес отдавал полную страницу при обычном
   заходе и голый фрагмент при XHR (сервер смотрел на X-Requested-With).
   Wayback сохранил одни адреса так, другие эдак: 963 фрагмента и ~12 400
   полных страниц. Статика различить запросы не может и всегда отдаёт то, что
   лежит на диске.

   Попап (jquery.interface.js, type:'ajax') вставляет ответ целиком, поэтому
   для полных страниц внутри попапа оказывались шапка, подвал и служебный
   хвост. Прячем их и распрямляем обёртку страницы — своими селекторами,
   не трогая тем-JS. Фрагментов это не касается: у них нет #page.        */

.popup-content > #page > header,
.popup-content > #page > footer,
.popup-content > #layer,
.popup-content > .l-overlay,
.popup-content > .b-header,
.popup-content > .l-footer {
    display: none !important;
}

.popup-content > #page {
    min-height: 0;
    overflow: visible;
    background: none;
}

/* Пояснение на месте интерактивной карты (/map/): контейнер #kids_map имеет
   высоту 560px, и без содержимого посреди страницы зияет белое поле. */
.e-seo-map-notice {
    max-width: 620px;
    margin: 60px auto 0;
    padding: 22px 26px;
    background: #f5f5f5;
    border: 1px dashed #cfd8dc;
    border-radius: 8px;
    color: #607d8b;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}

/* --- Блок «Частые вопросы» на главной ----------------------------------
   Стоит в слайде 6, который опустел после удаления плитки внешних ссылок.
   Тема для такого содержимого стилей не имеет, поэтому задаём свои —
   в её палитре (зелёный фон слайда, белый текст).                        */

/* Нижний отступ не декоративный: у главной внизу висит фиксированное меню
   (#menu.b-menu, семь круглых иконок), и без запаса оно накрывает последний
   ряд карточек. */
.e-seo-faq { position: relative; padding: 30px 0 120px; color: #fff; }
.e-seo-faq .c-title h2 {
    font-family: "BlissPro", "HelveticaNeueCyr", "Arial", sans-serif;
    font-size: 30px; font-weight: 800; text-align: center;
    margin: 0 0 24px; color: #fff;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, .25);
}
.e-seo-faq .b-text-content {
    display: flex; flex-wrap: wrap; gap: 16px 28px;
    max-width: 960px; margin: 0 auto;
}
.e-seo-faq-item {
    flex: 1 1 430px;
    background: rgba(255, 255, 255, .92);
    border-radius: 10px; padding: 14px 18px; color: #333;
}
.e-seo-faq-item h3 {
    font-family: "HelveticaNeue", "Arial", sans-serif;
    font-size: 16px; font-weight: 600; margin: 0 0 6px; color: #2b7a1e;
}
.e-seo-faq-item p { margin: 0; font-size: 14px; line-height: 1.45; }

@media (max-width: 980px) {
    .e-seo-faq .b-text-content { max-width: 94%; }
    .e-seo-faq-item { flex-basis: 100%; }
}

/* --- Заголовки, поднятые на Этапе 5 -----------------------------------
   Тема сбрасывает оформление заголовков (`h1..h6 { font: inherit }`) и задаёт
   размеры по ТЕГУ внутри контейнеров, поэтому поднятый h2→h1 стал бы заметно
   крупнее. Возвращаем размер, который был у h2 на этих местах.            */

.c-detail.t-d1 h1.e-seo-h1 { font-size: 24px !important; }
.c-detail.t-d2 h1.e-seo-h1 { font-size: 22px; }
.c-block.t-1 .cb-title h1.e-seo-h1,
.c-block.t-2 .cb-title h1.e-seo-h1 { font-size: 24px; }
.b-title h1.e-seo-h1 { font-size: 22px; color: #5796b6; }

/* Страницы, где заголовка не было вовсе (профили игроков, игровой хаб),
   получают h1 для доступности и структуры — скрываем его визуально, но
   оставляем доступным экранным читалкам. display:none тут не годится. */
.e-seo-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    margin: -1px; padding: 0; border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
}

/* .b-container несёт min-height 560px и margin-bottom 305px — на обычной
   странице под этим лежит декоративная графика подвала, в попапе это чистая
   пустота на треть экрана. */
.popup-content > #page > #content,
.popup-content > #page > .l-content {
    min-height: 0;
    margin: 0;
    padding: 0;
    background: none;
}