/*
 * Страница темы форума (Thread/View): один светлый блок «бумага» — заголовок, первое сообщение, обсуждение, подвал.
 * Единый фон и единая типографика; сообщения (.sns-comment, .sns-thread, .sns-composer, .sns-md) внутри блока
 * рисуются по своим правилам сайта (тёмный текст на светлом), здесь снимаются только их собственные подложки.
 * Файл самодостаточен: палитра — переменные --ft-* ниже, SCSS сайта не нужен.
 *
 * Путь: web/Common/assets/css/forum-threads.css
 */

.forum-threads {
  --ft-bg: #fff;
  --ft-fg: #242a2b;
  --ft-muted: #5f6875;
  --ft-border: #dfe3e8;
  --ft-accent: #ad1516;
  --ft-accent-hover: #ff140a;
  --ft-gap: 1.5em;

  margin-bottom: 2em;
}

.forum-threads__paper {
  padding: var(--ft-gap);
  border: 1px solid var(--ft-border);
  border-radius: .6em;
  background: var(--ft-bg);
  color: var(--ft-fg);
  font-size: 1em;
  line-height: 1.6;
  letter-spacing: normal;
}

/* ── заголовок ─────────────────────────────────────────────── */

.forum-threads__header {
  margin-bottom: var(--ft-gap);
  padding-bottom: 1em;
  border-bottom: 1px solid var(--ft-border);
}

.forum-threads__forum {
  display: inline-block;
  margin-bottom: .5em;
  font-size: .875em;
  font-weight: 600;
  text-decoration: none;
}

.forum-threads__title {
  margin: 0 0 .35em;
  color: var(--ft-fg);
  font-family: inherit;
  font-size: 1.75em;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
}

.forum-threads__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .25em .6em;
  color: var(--ft-muted);
  font-size: .875em;
}

.forum-threads__meta > * + *::before {
  content: "•";
  margin-right: .6em;
}

/* ── первое сообщение ──────────────────────────────────────── */

.forum-threads__media {
  margin-bottom: var(--ft-gap);
}

.forum-threads__body {
  color: var(--ft-fg);
  overflow-wrap: anywhere;
}

.forum-threads__body > :last-child {
  margin-bottom: 0;
}

/* Тема читателя: карточка сообщения без собственной подложки — фон один, у «бумаги». */
.forum-threads .sns-comment--post {
  padding: 0;
  background: transparent;
}

.forum-threads .sns-comment--post.sns-comment--pending {
  padding: .75em 1em;
}

/* ── обсуждение ────────────────────────────────────────────── */

.forum-threads__discussion {
  margin-top: var(--ft-gap);
  padding-top: var(--ft-gap);
  border-top: 1px solid var(--ft-border);
}

.forum-threads__heading {
  margin: 0 0 1em;
  color: var(--ft-fg);
  font-family: inherit;
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: normal;
  text-transform: none;
}

.forum-threads__count {
  color: var(--ft-muted);
  font-size: .85em;
  font-weight: 400;
}

.forum-threads__note {
  margin: 0;
  color: var(--ft-muted);
  font-size: .9em;
}

/* Ветка комментариев — на общей подложке. */
.forum-threads .sns-thread {
  margin-top: 1.25em;
  padding: 0;
  background: transparent;
}

/* Поле «Вступить в беседу» (на сайте оно рассчитано на тёмный фон). */
.forum-threads .sns-join__field {
  border-color: #ced4da;
  background: #fff;
  color: var(--ft-muted);
}

.forum-threads .sns-join__field:hover {
  border-color: var(--ft-accent);
  color: var(--ft-fg);
}

/* ── подвал ────────────────────────────────────────────────── */

.forum-threads__footer {
  margin-top: var(--ft-gap);
  padding-top: 1em;
  border-top: 1px solid var(--ft-border);
  font-size: .9em;
}

/* ── ссылки внутри блока ───────────────────────────────────── */

.forum-threads a:not(.btn):not(.sns-comment__action) {
  color: var(--ft-accent);
}

.forum-threads a:not(.btn):not(.sns-comment__action):hover,
.forum-threads a:not(.btn):not(.sns-comment__action):focus-visible {
  color: var(--ft-accent-hover);
}

@media (max-width: 575.98px) {
  .forum-threads {
    --ft-gap: 1em;
  }

  .forum-threads__title {
    font-size: 1.4em;
  }
}

/* Тема без первого сообщения: разделитель заголовка уже есть, второй не нужен. */
.forum-threads__header + .forum-threads__discussion {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

/*
 * Списки тем форума (главная форумов `Group/Index`, страница форума `Group/View`): строки `.sns-thread-row` (bootstrap `.list-group-item`)
 * на тёмной теме сайта были тёмными с светлым текстом и выбивались из светлой «бумаги» статьи. Здесь — светлая подложка (прозрачная,
 * как у статьи), тёмный текст, приглушённый серый для мета-строки и вводного текста. Палитра — как у `.forum-threads`.
 */
.list-group .sns-thread-row {
  --bs-list-group-bg: transparent;
  --bs-list-group-color: #242a2b;
  --bs-list-group-action-color: #242a2b;
  --bs-list-group-action-hover-color: #242a2b;
  --bs-list-group-action-hover-bg: rgba(0, 0, 0, .04);
  --bs-list-group-action-active-bg: rgba(0, 0, 0, .06);
  --bs-list-group-border-color: #dfe3e8;
  background-color: transparent;
  color: #242a2b;
}

.sns-thread-row .sns-thread-row__title {
  color: #242a2b;
}

.sns-thread-row .text-body-secondary {
  color: #5f6875 !important;
}

/* Шапка списка («Темы (N)», сортировка) — тот же приглушённый тёмный серый вместо светло-серого тёмной темы. */
.sns-forum-head h2 {
  color: #242a2b;
}

.sns-forum-head .text-body-secondary {
  color: #5f6875 !important;
}