/* ==========================================================================
   Содержание статьи: две колонки у длинных списков.

   Виджет «Содержание» в шаблоне 28538 строит плоский список из всех h2
   статьи. У длинных статей он вытягивается на полэкрана, поэтому от
   16 пунктов раскладываем его в две колонки и чуть уменьшаем кегль.

   Порог — :has(> li:nth-child(16)): правило включается само, по числу
   пунктов, и у коротких статей ничего не меняет. На 24.08.2026 под него
   попадают только «Самые дорогие отели Дубая» (28 пунктов) и «Рейтинг
   самых безопасных бизнес-джетов» (19); следующая по длине — 11.

   ВАЖНО: размер задаётся НА li (.elementor-toc__list-item), а не на ссылке
   внутри. Шаблон уже держит всю адаптивную типографику именно там
   (18px/24px по умолчанию, 0.9vw/1.3em от 2040px, 14px/1.4em до 767px),
   а ссылка наследует. Если задать размер на ссылке, он перебьёт ВСЕ три
   брейкпоинта сразу — включая мобильный, где текст станет КРУПНЕЕ.
   ========================================================================== */

@media screen and (min-width: 768px) {
  /* 16/22 вместо шаблонных 18/24 */
  .single-post .elementor-widget-table-of-contents
    .elementor-toc__list-wrapper:has(> li:nth-child(16)) > li {
    font-size: 16px;
    line-height: 22px;
    /* пункт из двух строк не разрываем между колонками */
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
  }

  /* column-fill: balance по умолчанию — колонки выходят равной высоты.
     Замерено: при контейнере 600px (колонка 280px) пункты ещё в две строки;
     третья появляется только от ~520px, поэтому порог 768px безопасен. */
  .single-post .elementor-widget-table-of-contents
    .elementor-toc__list-wrapper:has(> li:nth-child(16)) {
    columns: 2;
    column-gap: 40px;
  }
}

/* Широкие экраны: шаблон уже переводит список на 0.9vw, держим ту же
   пропорцию 16/18 — значит 0.8vw. line-height 1.3em от шаблона подхватится
   сам, потому что он в em. Промежуток 40px при той же базе — это 2vw. */
@media screen and (min-width: 2040px) {
  .single-post .elementor-widget-table-of-contents
    .elementor-toc__list-wrapper:has(> li:nth-child(16)) > li {
    font-size: 0.8vw;
    line-height: 1.3em;
  }

  .single-post .elementor-widget-table-of-contents
    .elementor-toc__list-wrapper:has(> li:nth-child(16)) {
    column-gap: 2vw;
  }
}