/* =========================================================
 * Правки темы поверх вёрстки.
 *
 * Файлы в css/ — копия вёрстки дизайнера и перезаписываются при её обновлении,
 * поэтому собственные правила темы держим здесь. Подключается на всех страницах
 * после style.css (см. easyc_assets() в functions.php).
 * ========================================================= */

/* Переключатель языков: в вёрстке EN, разделитель и RU стояли вплотную
   («EN|RU»). Разводим их, как в макете мобильного меню. */
.lang {
  gap: 10px;
}

.mobile-menu__lang {
  gap: 12px;
}

/* Правка клиента (31.07.2026): на странице «Услуги» три заголовка были набраны
   Inter и выбивались из остальных заголовков сайта (Benzin, см. .section-title
   и заголовки героев в style.css). Приводим к общему шрифту заголовков. */
.srv__title,
.srv__claim-title,
.steps__title {
  font-family: var(--font-head);
}

/* Правка клиента (02.08.2026), пункт 1: «текст на частых вопросах жирный».
   Вопросы в аккордеоне были 500 — на телефоне читались как полужирные.
   Возвращаем обычное начертание, ответы и так 400. */
.faq__q {
  font-weight: 400;
}

/* Правка клиента (02.08.2026), пункт 3: «тут криво полоса».
   Модификатор .eyebrow--plain (надзаголовок без синей чёрточки) жил только
   в services.css, поэтому на странице «Контакты» чёрточка от .eyebrow::before
   всё равно рисовалась и висела криво. Переносим правило на все страницы. */
.eyebrow--plain::before {
  content: none;
}

/* Правка клиента (03.08.2026): цветные разделы «Инструментария» должны читаться
   как колода карточек (у них для этого уже есть скруглённый верх и цветная
   полоса). Добавляем тень над верхним краем — въезжающий раздел ложится поверх
   предыдущего, и выезд блока (js/main.js, цель .notice-sec) становится заметен.
   Полноценную sticky-колоду, как у .arg на главной, здесь сделать нельзя:
   каждый раздел выше экрана в несколько раз, при закреплении его нижняя часть
   стала бы недоступной. */
.notice-sec {
  position: relative;
  box-shadow: 0 -14px 34px rgba(10, 10, 10, .07);
}

@media (max-width: 640px) {

  /* Правка клиента (02.08.2026), пункт 3: шапка на «Контактах» и документах
     заезжала на текст. В style.css мобильной шапке задана height: 56px, а
     form.css / legal.css оставляли десктопный padding-top: 27px — логотип
     (40px) не помещался и вылезал из полосы. Делаем шапку по содержимому. */
  .page-form .topbar,
  .page-doc .topbar {
    height: auto;
    padding: 10px 15px;
  }

  /* Правка клиента (02.08.2026), пункт 2: «заголовки слишком большие
     для мобильной версии». Уменьшаем шапки секций и заголовки героев. */
  .section-title,
  .intro__title,
  .why__title,
  .promo__title,
  .qa__head .section-title,
  .srv__claim-title,
  .doc__title {
    font-size: 20px;
  }

  .hero__title,
  .fhero__title,
  .rhero__title,
  .thero__title,
  .shero__title {
    font-size: 26px;
  }

  .contact__title {
    font-size: 22px;
  }

  .more__note {
    font-size: 18px;
  }

  /* Правка клиента (03.08.2026): карточки «Продолжаем изучение» ведут на якоря
     страницы «Услуги». На телефоне шапка зафиксирована (56px), поэтому начало
     секции пряталось под ней — отступ при переходе по якорю.
     На «Контактах» и документах шапка в потоке, там отступ не нужен. */
  body:not(.page-form):not(.page-doc) section[id] {
    scroll-margin-top: 66px;
  }
}

/* Горизонтальный скролл: содержимое, вылезающее за края (декоративные
   элементы, широкие сетки), обрезается по main. clip вместо hidden —
   не создаёт блок прокрутки, поэтому position:sticky внутри продолжает
   работать, а якорный scroll-margin-top не ломается. */
main {
  overflow: clip;
}