/*
 * pages-post.css — одиночная запись. Грузится по is_singular('post').
 *
 * Разрезано 29.08.2026: файл грузился на всех страницах, а работал
 * только своим разделом. Текст правил не тронут — это точный срез
 * прежнего pages.css, порядок сохранён.
 */

/* ==========================================================================
   SINGLE POST
   Партия 6, перенесена 29.08.2026. 15 правил из style.css.
   Из третьего листа сразу в пятый: правило проезжает мимо main.css.
   Конфликтов с main.css при равной специфичности — ноль, проверено.
   ========================================================================== */

.single_post-breadcrumb {
  text-align: center;
  font-family: Montserrat, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  color: #8b8b8b;
  margin-top: -3.125vw;
  margin-bottom: 0;
}


@media (max-width: 767px) {
  .single_post-breadcrumb {
      line-height: 14px;
    }

  .single_post-breadcrumb a {
      line-height: 14px;
    }

  .single_post-breadcrumb {
      margin-top: -36px;
    }

  /* Заголовки статей длинные, и на телефоне цепочка не влезала в строку.
     Перенос стоил дорого: блок объявлен position: absolute, он вне потока,
     и вторая строка вываливалась из тёмной шапки на белый фон.

     Режется только последний пункт — Home и Blog коротки, трогать их незачем.
     Полный текст остаётся в разметке: поисковики и читалки видят его целиком,
     обрезается только показ.

     55vw — подобранное число, а не вычисленное. Без магии это делается через
     flex с min-width: 0, но тогда flex-строкой становится сам абзац, а у
     разделителей « / » схлопываются пробелы вокруг слэша. Один понятный порог
     оказался дешевле починки побочного эффекта.

     vertical-align нужен из-за overflow: hidden: у строчно-блочного элемента
     с ним базовой линией становится нижний край, и без выравнивания пункт
     съезжает вниз относительно соседей. */
  .single-post .header__post-breadcrumb-current {
    display: inline-block;
    max-width: 55vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
  }

}
/* ── ширина текста статьи ───────────────────────────────────────────────
   Восстановление правила темы, потерянного при уборке. В исходном
   style.css оно выглядело так:

     .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft)
     :not(.alignright):not(.is-style-wide) { max-width: 58rem;
                                             width: calc(100% - 4rem) }

   Сейчас в style.css нет ни его, ни числа 58rem — в нетронутом
   style-rtl.css, зеркале исходника, оно встречается 27 раз. Без него
   у абзацев не остаётся ничего, что ограничивало бы ширину, и текст
   растягивается на всё окно.

   ШИРИНА НЕ ТЕМЫ, А НАША — 50rem, 800px. Это осознанное отступление,
   и вот от чего считалось. 28.08.2026 из темы убрали
   html { font-size: 62.5% } и умножили все rem на 0.625, чтобы пиксели
   не поехали. Тогда 1rem был 10px, значит исходные 58rem означали 580px,
   а 4rem — 40px. Восстановленное «как в теме» дало бы 36.25rem — около
   72 знаков в строке при кегле 16, книжная норма, но по виду узко.

   50rem — не выдуманное число: столько же у .section-inner.small
   в style.css, то есть ширина уже есть в теме. Это примерно 100 знаков
   в строке. ДАЛЬШЕ РАСШИРЯТЬ НЕ СТОИТ: за сотней знаков глаз перестаёт
   попадать на начало следующей строки и приходится возвращаться.

   Боковой зазор 40px — из темы, пересчитанный тем же коэффициентом.

   Исключения оставлены только для alignfull и alignwide: их место
   и есть «шире колонки». Прежние alignleft/alignright не исключаются —
   их выносили из потока соседние правила, которых больше нет, и без
   ограничения они растянулись бы так же. В разметке статей всех этих
   классов сейчас ноль: сайт на классическом редакторе. */
.single-post .entry-content > *:not(.alignfull):not(.alignwide) {
  max-width: 50rem;
  width: calc(100% - var(--sp-40));
}

/* ── отступ под текстом статьи ──────────────────────────────────────────
   У .post-inner есть только padding-top — 48px, и 80px от 768px вверх
   (оба в style.css). Снизу не было ничего, и последний абзац упирался
   в блок наград: тот идёт сразу за статьёй и несёт свою серую подложку,
   поэтому стык читался как обрез текста.

   Это НЕ восстановление правила темы. В нетронутом style-rtl.css
   у .cover-header + .post-inner стоит только padding-top: 10rem —
   нижнего отступа тема не задавала никогда. Число наше, ритм взят
   от верхнего: та же пара ступеней и тот же брейкпоинт 768px. Снизу
   больше, чем сверху, намеренно: сверху граница с тёмной шапкой статьи,
   снизу — с чужой секцией, и ей нужно больше воздуха. */
.single-post .post-inner {
  padding-bottom: var(--sp-64);
}

@media (min-width: 768px) {
  .single-post .post-inner {
    padding-bottom: var(--sp-96);
  }
}

/* Подзаголовки внутри статьи — по таблице стилей текста:
   H2 36, H3 28, H4 24, H5 22, насыщенность 500.
   Специфичность .single-post .entry-content h2 перебивает штатное h2 темы,
   поэтому !important не нужен — раньше он здесь стоял. */
.single-post .entry-content {
  font-size: var(--fs-article-body);
}

.single-post .entry-content h2 {
  font-size: var(--fs-h2);
  font-weight: 500;
}

.single-post .entry-content h5 {
  font-size: var(--fs-h5);
  font-weight: 500;
}

.single-post .cover-header .entry-header-inner {
  position: relative;
  padding-bottom: var(--sp-96);
}

.single-post .single_post-breadcrumb {
  position: absolute;
}

.single-post .single_post-breadcrumb a {
  color: #8b8b8b !important;
  text-decoration: none;
}

.single-post .header__post-breadcrumb-current {
  color: #abcf39 !important;
}

.single-post .single_post-breadcrumb a:hover,
.single-post .single_post-breadcrumb a:focus {
  color: #abcf39 !important;
}


@media (max-width: 767px) {
  .single-post .cover-header .entry-header-inner {
      padding-bottom: var(--sp-80);
    }

}
.single-post .header__post-date {
  margin-bottom: var(--sp-20);
  font-family: Montserrat, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0;
  color: #8b8b8b;
  text-align: center;
  font-size: var(--fs-article-meta);
}


@media (max-width: 767px) {
  .single-post .header__post-date {
      margin-bottom: var(--sp-8);
    }

}