/* =============================================================================
   ОБЩИЙ СЛОЙ ПУБЛИЧНОЙ ЧАСТИ: ШАПКА И ПОДВАЛ (WF1-HOMEPAGE-FIX-1).

   ГДЕ ПОДКЛЮЧАЕТСЯ: `layouts/public_header.php`, то есть ровно там, где слой
   используется — на всех публичных страницах. В кабинет, админку и виджет на
   чужих сайтах не попадает.

   ЧТО ЗДЕСЬ И ЧЕГО ЗДЕСЬ НЕТ. Основное оформление шапки и подвала лежит в
   `style.css` (старый публичный дизайн) и НЕ дублируется: файл добавляет
   только то, чего там не было, — собственную подложку шапки для страниц без
   тёмного первого экрана, вторую колонку ссылок подвала и мобильные правки.
   ============================================================================= */

/* --- ПОДЛОЖКА ШАПКИ НА ВНУТРЕННИХ СТРАНИЦАХ ---

   На главной шапка стоит внутри `.site-hero-shell` и фон получает от неё.
   На /tarify, /help, /news и страницах документов фон светлый, а текст меню и
   логотип в этом дизайне белые — без подложки шапка была бы невидимой.
   Градиент взят из левой части того же героя, чтобы шапка читалась как
   продолжение главной, а не как чужой элемент. */
.head-block--solid{
    background:linear-gradient(135deg,#08111f 0%,#101a2b 60%,#0c1320 100%);
    color:#fff;
}
.head-block--solid:after{
    content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
}

/* Ссылка «Вернуться на главную» удалена (WF1-HOMEPAGE-FIX-2): она дублировала
   логотип общей шапки. Раньше она же задавала первый отступ страницы —
   теперь его даёт контейнер, идущий сразу за шапкой (лента новостей, статья,
   текст документа; страницы /tarify и /help не задеваются — их секции
   начинаются с собственных отступов и под это правило не попадают). */
.head-block--solid + .outer-block > .container{padding-top:30px}

/* --- ЗАГОЛОВОК ПУБЛИЧНОЙ СТРАНИЦЫ CMS ---

   Статья новости, лента новостей и текстовые страницы (`/oferta`, `/cookies`
   и прочие). Разметку печатает `layouts/public_page_title.php`.

   ЗНАЧЕНИЯ ВЗЯТЫ С ЗАГОЛОВКА «Помощь и инструкции WF1.BY» (`/help`) — правило
   `.qp-head h1` в `public-inner.css`, включая оба брейкпоинта. Не общий
   селектор на двоих, а копия значений: `public-inner.css` подключается только
   на /tarify, /help и /integrations, а эти страницы его не грузят вовсе, и
   тянуть ради заголовка целый файл чужого раздела — менять оформление всего
   остального. Файл же, в котором лежит это правило, приходит с общим слоем
   шапки, то есть ровно на все публичные страницы.

   ПОЧЕМУ ЗДЕСЬ, А НЕ В `style.css`: тот собирается из `media/css/default/` и
   правка мимо сборки не доезжает.

   Выравнивание отдельного значения не требует: заголовок стоит первым в том же
   `.container` (max-width 1240px, padding 0 20px), что и текст под ним, — это
   те же размеры, что у `.q-container` на /help. Верхний отступ даёт контейнер
   (`.head-block--solid + .outer-block > .container`), поэтому сверху ноль — как
   и у `.qp-head h1`. */
.public-page-title{
    margin:0 0 26px;
    padding:0;
    color:#111827;
    font-size:42px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:-.035em;
}

@media(max-width:1000px){
    .public-page-title{font-size:34px}
}

@media(max-width:720px){
    .public-page-title{font-size:28px;margin-bottom:20px}
}

/* --- ПОДВАЛ: ВТОРАЯ КОЛОНКА ССЫЛОК ---

   В подвале была одна колонка (документы). Разделы сервиса — помощь, тарифы,
   интеграции, новости — добавлены второй колонкой рядом, а не пристроены в
   конец первой: это ссылки другого рода, и мешать их с юридическими
   документами значит прятать справку среди оферт. */
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
/* Колонки начинаются от одной линии: пункты первой длиннее и переносятся, и
   без этого вторая колонка «съезжала» вниз вслед за ними. */
.footer-menu{align-content:start}

/* --- МОБИЛЬНАЯ ШАПКА --- */

@media(max-width:960px){
    /* КНОПКА МЕНЮ — К ПРАВОМУ КРАЮ.
       Она стоит в одной группе с логотипом и прилипала к нему слева: рядом с
       названием сайта, посреди пустой строки. Управление меню место имеет у
       правого края — там, где его ищут большим пальцем. Разметку это не
       трогает: группа растягивается на всю ширину строки, а логотип и кнопка
       расходятся по её краям. */
    .head-block .logo-wrap{flex:1 1 100%;width:100%;justify-content:space-between}

    /* Крестик вместо трёх полосок, когда меню открыто: кнопка теперь сообщает,
       что нажатие её закроет. */
    .mobile_button._active span:nth-child(1){top:11px;transform:rotate(45deg)}
    .mobile_button._active span:nth-child(2){opacity:0}
    .mobile_button._active span:nth-child(3){top:11px;transform:rotate(-45deg)}
}

@media(max-width:640px){
    /* Подвал: колонки ссылок друг под другом — в две колонки на узком экране
       строки переносились по слову. Группы разделены отступом: иначе
       юридические документы и разделы сервиса читаются одним списком. */
    .footer-links{grid-template-columns:minmax(0,1fr);gap:10px}
    .footer-menu--sections{padding-top:10px;border-top:1px solid rgba(255,255,255,.10)}
}