/* ============================================================================
   Оглавление (Easy Table of Contents) в оформлении сайта.

   Плагин рисует серую плашку #343a40 с голубым кантом #4184bf, белым
   заголовком крупным кеглем и нумерацией «1.1.0.1» по вложенным заголовкам.
   На тёмном сайте с бронзовыми акцентами это читается как чужая вставка.

   ПЕРВАЯ ПОПЫТКА БЫЛА ХУЖЕ БОЛЕЗНИ: к каждому пункту добавлялась бронзовая
   чёрточка, а каждому уровню вложенности — вертикальная линия. На карточке
   монстра уровней три, и вместо оглавления получалась «ёлочка» из линий.
   Вывод: украшать нечего, нужно убрать лишнее.

   Разметку плагина не трогаем — только цвет, кегль и отступы, поэтому
   обновление плагина ничего не сломает.
   ============================================================================ */

/* ─────────────────────────────────────────────────────────────
   1. КАРТОЧКИ МОНСТРОВ И ПРЕДМЕТОВ — оглавления тут быть не должно.

   Заголовки такой страницы — это секции самой карточки («Умения»,
   «Основные», «Бой», «Атрибуты»). Оглавление по ним ничего не даёт:
   вся страница и так видна на один экран прокрутки, а список дублирует
   её же структуру. Внутри карточек умений тема прячет его давно
   (skills-desc.css), здесь — то же самое для карточек мобов.
   ───────────────────────────────────────────────────────────── */
/* ⚠️ ПЕРВАЯ ВЕРСИЯ ЭТОГО ПРАВИЛА СНЕСЛА ОГЛАВЛЕНИЕ ПОЧТИ ПО ВСЕЙ ВИКИ.
   Я решил, что `.sv-mob` — это обёртка карточки монстра. На деле она
   оборачивает весь вики-контент, а тип страницы различается добавочными
   классами:

       карточка моба   sv-mob
       предмет         sv-mob sv-item
       гайд/статья     sv-mob sv-item sv-guide
       локация         sv-mob sv-item sv-guide sv-loc

   То есть `.sv-mob #ez-toc-container` прятал блок и у предметов, и у
   гайдов, и у локаций — везде, где он как раз полезен. Поэтому скрываем
   только ЧИСТУЮ карточку монстра: ни sv-item, ни sv-guide. */
.sv-mob:not(.sv-item):not(.sv-guide) #ez-toc-container,
.sv-mob:not(.sv-item):not(.sv-guide) .ez-toc-container { display: none !important; }

/* ─────────────────────────────────────────────────────────────
   2. ОСТАЛЬНЫЕ СТРАНИЦЫ — длинные статьи, где оглавление по делу.
   Тихая панель в тех же токенах, что у карточек: бронза #c89b5a,
   сливки #f0e6cf, панель #16171c. Без чёрточек и линий уровней —
   вложенность показывает только отступ.
   ───────────────────────────────────────────────────────────── */
/* Оформление блока — «угловые засечки»: сплошной рамки нет, углы помечены
   короткими бронзовыми штрихами, как в окнах интерфейса L2. Выбрано
   владельцем из шести вариантов (сборщик образца — _opt/toc_variants_build.py).
   Скруглений нет намеренно: в игре углы прямые. */
#ez-toc-container,
.ez-toc-container {
  background: rgba(255, 255, 255, .015) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 16px 18px !important;
  margin: 0 0 24px !important;
  width: auto !important;
  font-size: 14px !important;
  position: relative !important;
}
#ez-toc-container::before,
#ez-toc-container::after {
  content: "" !important;
  position: absolute !important;
  width: 14px; height: 14px;
  pointer-events: none;
}
#ez-toc-container::before {
  left: 0; top: 0;
  border-left: 1px solid #c89b5a;
  border-top: 1px solid #c89b5a;
}
#ez-toc-container::after {
  right: 0; bottom: 0;
  border-right: 1px solid #c89b5a;
  border-bottom: 1px solid #c89b5a;
}

/* Заголовок — тихая бронзовая строка вразрядку, как .mob-h на карточках,
   а не белая «простыня» в 120% кегля. */
#ez-toc-container .ez-toc-title-container { margin: 0 0 8px !important; }
#ez-toc-container .ez-toc-title {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: #c89b5a !important;
  margin: 0 !important;
}

/* Кнопка свёртки у плагина — два значка в рамке, выглядят как
   необработанный системный контрол. Списку из пяти строк сворачиваться
   незачем, поэтому убираем её вовсе. */
#ez-toc-container .ez-toc-title-toggle,
.ez-toc-title-toggle { display: none !important; }

/* Список: без маркеров, без номеров, без линий. */
#ez-toc-container ul.ez-toc-list,
#ez-toc-container ul.ez-toc-list ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
  background: none !important;
}
#ez-toc-container ul.ez-toc-list li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: none !important;
}

/* Номера рисует инлайновое правило плагина
     .ez-toc-counter nav ul li a::before{content:counters(item,'.',decimal)}
   на том же псевдоэлементе. Гасим его, ничего не подставляя взамен. */
#ez-toc-container nav ul li a::before,
.ez-toc-counter nav ul li a::before {
  content: none !important;
  counter-increment: none !important;
  display: none !important;
}

#ez-toc-container ul.ez-toc-list a {
  display: block !important;
  padding: 4px 0 !important;
  color: #bdb6a4 !important;
  text-decoration: none !important;
  line-height: 1.45 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
#ez-toc-container ul.ez-toc-list a:hover,
#ez-toc-container ul.ez-toc-list a:focus { color: #f0e6cf !important; }
#ez-toc-container ul.ez-toc-list a:visited { color: #bdb6a4 !important; }

/* Вложенность — только отступом, и не более одного шага:
   у плагина бывают пустые промежуточные <ul>, из-за них отступ
   умножался и третий уровень уезжал к середине строки. */
#ez-toc-container ul.ez-toc-list ul { padding-left: 14px !important; }
#ez-toc-container ul.ez-toc-list ul ul { padding-left: 0 !important; }
#ez-toc-container ul.ez-toc-list ul a {
  font-size: 13.5px !important;
  color: #8c8674 !important;
}
#ez-toc-container ul.ez-toc-list ul a:hover { color: #bdb6a4 !important; }

/* ─────────────────────────────────────────────────────────────
   3. ЛОРНАЯ ЧИТАЛКА — пергамент.
   Тёмная плашка на листе выглядела бы дырой, поэтому фона нет вовсе:
   только бронзовые линии сверху и снизу, шрифт и цвет — от рукописи.
   ───────────────────────────────────────────────────────────── */
.lore-read #ez-toc-container,
.lore-sheet #ez-toc-container,
.lore-body #ez-toc-container {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 16px 18px !important;
  margin: 28px auto !important;
  max-width: 64ch !important;
}
/* те же засечки, но в цвет рукописи */
.lore-read #ez-toc-container::before, .lore-read #ez-toc-container::after,
.lore-sheet #ez-toc-container::before, .lore-sheet #ez-toc-container::after,
.lore-body #ez-toc-container::before, .lore-body #ez-toc-container::after {
  border-color: #7a4d17 !important;
}
.lore-read #ez-toc-container .ez-toc-title,
.lore-sheet #ez-toc-container .ez-toc-title,
.lore-body #ez-toc-container .ez-toc-title {
  font-family: ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: #7a4d17 !important;
  letter-spacing: .22em !important;
}
.lore-read #ez-toc-container ul.ez-toc-list a,
.lore-sheet #ez-toc-container ul.ez-toc-list a,
.lore-body #ez-toc-container ul.ez-toc-list a {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif !important;
  font-size: 17px !important;
  color: #453a24 !important;
}
.lore-read #ez-toc-container ul.ez-toc-list a:hover,
.lore-sheet #ez-toc-container ul.ez-toc-list a:hover,
.lore-body #ez-toc-container ul.ez-toc-list a:hover { color: #201a10 !important; }
.lore-read #ez-toc-container ul.ez-toc-list ul a,
.lore-sheet #ez-toc-container ul.ez-toc-list ul a,
.lore-body #ez-toc-container ul.ez-toc-list ul a { color: #6b5a3c !important; }

@media (max-width: 600px) {
  #ez-toc-container, .ez-toc-container { padding: 12px 14px !important; margin-bottom: 20px !important; }
}
