/* comments.css — модуль комментариев
   ▸ Все кнопки: единый стиль; шрифт 'WellwaitFree', cursive; hover = scale(1.05)
   ▸ День (база): фон #F3F4F6, текст #1F2937, рамка #1F2937
   ▸ Ночь (база): фон #2B2B2B, текст #FFFFFF, рамка #3F3F46
   ▸ Зелёные (без рамки): Отправить/Ответить/Показать ответы/ещё/Свернуть/«Нет» + активный Лайк
   ▸ Красные (без рамки): активный Дизлайк, «Удалить комментарий», «Да»
   ▸ «Показать ответы»: ▶/▼ через CSS, отступ 6px (как сейчас)
*/

/* ======================== УТИЛИТЫ ======================== */
.cmt-hidden { display: none !important; } /* универсальное скрытие */

/* ======================== КОНТЕЙНЕРЫ ===================== */
.cmt-comments { width: 100%; box-sizing: border-box; }
.cmt-wrap     { width: 100%; padding-right: 6px; box-sizing: border-box; }

.cmt-title {
  margin: 0 0 12px 0;
  font-size: 26px;
  font-family: 'WellwaitFree', cursive;
  color: #15803D;
}

/* совместимость со старым классом */
.comment-list.cmt-list { min-width: 0; width: 100%; display: block; box-sizing: border-box; }

/* ======================== ФОРМА ========================== */
.cmt-form {
  width: 100%; box-sizing: border-box;
  margin: 0 0 24px 0;
  border: 2px solid #D1D5DB;
  border-radius: 16px;
  padding: 16px;
  background: #FDFDFD;
  box-shadow: 0 4px 10px rgba(0,0,0,.10);
  transition: background .3s, border-color .3s;
}
.theme-night .cmt-form {
  background: #444; border-color: #555; box-shadow: 0 4px 10px rgba(0,0,0,.40);
}

/* ======================== TEXTAREA ======================= */
.cmt-textarea,
.cmt-editor-textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  font-size: 16px;
  line-height: 1.45;

  /* обводка как у комментариев */
  border-radius: 16px;
  border: 2px solid #AAAAAA;

  background: #FFFFFF;
  color: #111827;

  /* без уха ресайза и без внутреннего скролла */
  resize: none;
  overflow-y: hidden;

  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  outline: none;
  transition: border-color .2s, box-shadow .2s, background .2s, color .2s;
}
.cmt-textarea:hover,
.cmt-editor-textarea:hover { border-color: #D1D5DB; }
.cmt-textarea:focus, .cmt-textarea:focus-visible,
.cmt-editor-textarea:focus, .cmt-editor-textarea:focus-visible {
  border-color: #22C55E;
  box-shadow: 0 0 0 3px rgba(34,197,94,.20);
}
.cmt-textarea::placeholder,
.cmt-editor-textarea::placeholder { color: #9CA3AF; opacity: 1; }
.cmt-editor.is-reply .cmt-editor-textarea { font-size: 14px; padding: 12px 14px; }

/* тёмная тема textarea */
.theme-night .cmt-textarea,
.theme-night .cmt-editor-textarea {
  background: #1F1F1F;
  color: #E5E7EB;
  border-color: #AAAAAA;
}
.theme-night .cmt-textarea:hover,
.theme-night .cmt-editor-textarea:hover { border-color: #52525B; }
.theme-night .cmt-textarea:focus, .theme-night .cmt-textarea:focus-visible,
.theme-night .cmt-editor-textarea:focus, .theme-night .cmt-editor-textarea:focus-visible {
  border-color: #22C55E;
  box-shadow: 0 0 0 3px rgba(34,197,94,.25);
}

/* ======================== КНОПКИ (ЕДИНЫЙ СТИЛЬ) ========= */
/* БАЗА — применяем ко всем кнопкам модуля */
.cmt-btn,
.cmt-submit,
.cmt-editor-send,
.cmt-replies-summary,
.cmt-btn-reply,
.cmt-reply-btn,
.cmt-btn-edit,
.cmt-more,
.cmt-collapse,
.cmt-modal-no,
.cmt-modal-yes,
.cmt-modal-btn,
.cmt-btn-like,
.cmt-btn-dislike,
.cmt-btn-del {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 6px;
  padding: 10px 16px;
  border-radius: 14px;
  border: 1px solid transparent;
  background: #FFFFFF;
  color: #1F2937;               /* день по умолчанию заменяется темами ниже */
  font-family: 'WellwaitFree', cursive;
  font-size: 16px;              /* итоговый размер */
  line-height: 1;
  font-weight: 600;
  cursor: pointer;              /* всегда палец */
  text-decoration: none;
  user-select: none;
  transition: transform .15s, background-color .15s, color .15s, border-color .15s, box-shadow .15s;
  transform: none;
}

/* Hover — только увеличение для всех */
.cmt-btn:hover,
.cmt-submit:hover,
.cmt-editor-send:hover,
.cmt-replies-summary:hover,
.cmt-btn-reply:hover,
.cmt-reply-btn:hover,
.cmt-btn-edit:hover,
.cmt-more:hover,
.cmt-collapse:hover,
.cmt-modal-no:hover,
.cmt-modal-yes:hover,
.cmt-modal-btn:hover,
.cmt-btn-like:hover,
.cmt-btn-dislike:hover,
.cmt-btn-del:hover { transform: scale(1.05); }

/* Disabled — без «знака запрета», без побледнения */
.cmt-btn:disabled,
.cmt-submit:disabled,
.cmt-editor-send:disabled,
.cmt-replies-summary:disabled,
.cmt-modal-btn:disabled,
.cmt-modal-no:disabled,
.cmt-modal-yes:disabled,
.cmt-btn-like:disabled,
.cmt-btn-dislike:disabled,
.cmt-btn-del:disabled { cursor: pointer; opacity: 1; }

/* Плавающая кнопка «Вверх» по центру снизу — отдельный стиль с тенью и лёгким hover */
.cmt-scroll-top {
  position: fixed;
  left: 50%;
  bottom: 60px;
  transform: translateX(-50%);
  z-index: 99999;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 64px;
  height: 64px;
  padding: 0;
  border-radius: 9999px;

  border: 2px solid #111111;
  background: #FFFFFF;
  color: #111111;

  font-size: 26px;
  line-height: 1;
  cursor: pointer;

  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
  transition:
    transform 0.18s ease-out,
    box-shadow 0.18s ease-out,
    background-color 0.18s ease-out,
    color 0.18s ease-out;
}

.theme-night .cmt-scroll-top {
  background: #111111;
  color: #F9FAFB;
  border-color: #F9FAFB;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.75);
}

.cmt-scroll-top:hover {
  transform: translateX(-50%) translateY(-2px) scale(1.05); /* лёгкое увеличение */
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}

/* задел под иконку-картинку */
.cmt-scroll-top img {
  width: 70%;
  height: 70%;
  object-fit: contain;
  pointer-events: none;
}

@media (max-width: 768px) {
  .cmt-scroll-top {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }
}


/* День — базовые нейтральные (унаследуют все, кроме зелёных/красных) */
.theme-day .cmt-btn,
.theme-day .cmt-replies-summary,
.theme-day .cmt-btn-reply,
.theme-day .cmt-reply-btn,
.theme-day .cmt-btn-edit,
.theme-day .cmt-more,
.theme-day .cmt-collapse,
.theme-day .cmt-modal-no,
.theme-day .cmt-modal-yes,
.theme-day .cmt-modal-btn,
.theme-day .cmt-btn-like,
.theme-day .cmt-btn-dislike,
.theme-day .cmt-btn-del {
  background: #F3F4F6; color: #1F2937; border-color: #1F2937; /* светло-серый фон, тёмно-серые текст+рамка */
}

/* Ночь — базовые нейтральные (унаследуют все, кроме зелёных/красных) */
.theme-night .cmt-btn,
.theme-night .cmt-replies-summary,
.theme-night .cmt-btn-reply,
.theme-night .cmt-reply-btn,
.theme-night .cmt-btn-edit,
.theme-night .cmt-more,
.theme-night .cmt-collapse,
.theme-night .cmt-modal-no,
.theme-night .cmt-modal-yes,
.theme-night .cmt-modal-btn,
.theme-night .cmt-btn-like,
.theme-night .cmt-btn-dislike,
.theme-night .cmt-btn-del {
  background: #2B2B2B; color: #FFFFFF; border-color: #3F3F46;
}

/* ЗЕЛЁНЫЕ (без рамки): Отправить/Ответить/Показать ответы/ещё/Свернуть/«Нет» + активный Лайк */
.theme-day .cmt-submit,
.theme-day .cmt-submit:disabled,
.theme-day .cmt-editor-send,
.theme-day .cmt-editor-send:disabled,
.theme-day .cmt-btn-reply,
.theme-day .cmt-btn-reply:disabled,
.theme-day .cmt-reply-btn,
.theme-day .cmt-reply-btn:disabled,
.theme-day .cmt-replies-summary,
.theme-day .cmt-replies-summary:disabled,
.theme-day .cmt-more,
.theme-day .cmt-more:disabled,
.theme-day .cmt-collapse,
.theme-day .cmt-collapse:disabled,
.theme-day .cmt-modal-no,
.theme-day .cmt-modal-no:disabled,
.theme-day .cmt-btn-like.is-active,
.theme-night .cmt-submit,
.theme-night .cmt-submit:disabled,
.theme-night .cmt-editor-send,
.theme-night .cmt-editor-send:disabled,
.theme-night .cmt-btn-reply,
.theme-night .cmt-btn-reply:disabled,
.theme-night .cmt-reply-btn,
.theme-night .cmt-reply-btn:disabled,
.theme-night .cmt-replies-summary,
.theme-night .cmt-replies-summary:disabled,
.theme-night .cmt-more,
.theme-night .cmt-more:disabled,
.theme-night .cmt-collapse,
.theme-night .cmt-collapse:disabled,
.theme-night .cmt-modal-no,
.theme-night .cmt-modal-no:disabled,
.theme-night .cmt-btn-like.is-active {
  background: #15803D; color: #FFFFFF; border-color: transparent;
}

/* КРАСНЫЕ (без рамки): активный Дизлайк, «Удалить комментарий», «Да» в модалке */
.theme-day .cmt-btn-dislike.is-active,
.theme-day .cmt-btn-del,
.theme-day .cmt-modal-yes,
.theme-day .cmt-modal-yes:disabled,
.theme-night .cmt-btn-dislike.is-active,
.theme-night .cmt-btn-del,
.theme-night .cmt-modal-yes,
.theme-night .cmt-modal-yes:disabled {
  background: #DC2626; color: #FFFFFF; border-color: transparent;
}

/* Фокус (клавиатура) — видимая рамка */
.theme-day .cmt-btn:focus-visible,
.theme-day .cmt-submit:focus-visible,
.theme-day .cmt-editor-send:focus-visible,
.theme-day .cmt-replies-summary:focus-visible,
.theme-day .cmt-btn-reply:focus-visible,
.theme-day .cmt-reply-btn:focus-visible,
.theme-day .cmt-modal-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(34,197,94,.35); }
.theme-night .cmt-btn:focus-visible,
.theme-night .cmt-submit:focus-visible,
.theme-night .cmt-editor-send:focus-visible,
.theme-night .cmt-replies-summary:focus-visible,
.theme-night .cmt-btn-reply:focus-visible,
.theme-night .cmt-reply-btn:focus-visible,
.theme-night .cmt-modal-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(34,197,94,.25); }

/* «Показать ответы»: стрелки ▶ (закрыто) / ▼ (открыто), аккуратно с отступом 6px (как сейчас) */
.cmt-replies summary.cmt-replies-summary {
  display: inline-flex; align-items: center; gap: 6px;
}
.cmt-replies summary.cmt-replies-summary::before { content: "▶"; }
.cmt-replies[open] summary.cmt-replies-summary::before { content: "▼"; }

/* Убираем стандартный маркер summary */
.cmt-replies summary::-webkit-details-marker { display: none; }
.cmt-replies summary { list-style: none; }

/* ======================== СПИСОК/КНОПКИ СПИСКА =========== */
.cmt-more, .cmt-collapse { margin: 10px 6px 0 0; }

/* ======================== КОММЕНТАРИЙ ==================== */
.comment.cmt-comment {
  width: 100%; box-sizing: border-box;
  margin: 0 0 16px 0;
  padding: 16px;
  border: 2px solid #AAAAAA;
  border-radius: 16px;
  background: #FFFFFF;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.theme-night .comment.cmt-comment { background: #333; box-shadow: 0 4px 12px rgba(0,0,0,.40); }

.cmt-header, .cmt-reply-header {
  display: flex; align-items: center; gap: 10px;
  margin: 0 0 10px 0;
}
.cmt-avatar { width: 48px; height: 48px; border-radius: 50%; border: 2px solid #22C55E; object-fit: cover; }
.cmt-reply .cmt-avatar { width: 32px; height: 32px; border-width: 0; }
.cmt-name  { font-size: 18px; }
.cmt-time  { margin-left: auto; font-size: 12px; color: #888; }

.cmt-text, .cmt-reply-text {
  font-size: 16px;
  margin: 0 0 10px 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.cmt-reply-text { font-size: 15px; margin-bottom: 8px; }

/* заглушка для удалённого комментария */
.cmt-text-deleted {
  font-style: italic;
  color: #6B7280;
}
.theme-night .cmt-text-deleted {
  color: #9CA3AF;
}


.cmt-edited, .cmt-reply-edited { margin-top: 6px; font-size: 12px; opacity: .7; }
.theme-day  .cmt-edited, .theme-day  .cmt-reply-edited   { color: #666; }
.theme-night .cmt-edited, .theme-night .cmt-reply-edited { color: #AAA; }

.cmt-controls, .cmt-reply-controls { display: flex; flex-wrap: wrap; gap: 8px; }

/* ======================== ОТВЕТ ========================= */
.cmt-reply {
  margin-top: 8px;
  border: 1px solid #CCCCCC;
  border-radius: 12px;
  padding: 12px;
  background: #F9F9F9;
  box-shadow: 0 2px 6px rgba(0,0,0,.05);
}
.theme-night .cmt-reply { background: #2A2A2A; } /* фикс опечатки: не #2A2AA2 */

/* подпись «в ответ на …» */
.cmt-reply-to { font-size: 12px; color: #888; }

/* ======================== БЛОК ОТВЕТОВ (details) ========= */
.cmt-replies { margin-top: 12px; }
.cmt-replies-summary {
  display: inline-flex; align-items: center; justify-content: center;
  margin-top: 12px;
  padding: 8px 12px;
  font-weight: 700;
  border: 1px solid transparent;
}
.cmt-replies-block {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #CCCCCC;
  display: flex; flex-direction: column; gap: 12px;
}

/* ======================== РЕДАКТОР ======================= */
.cmt-editor {
  margin: 10px 0;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid #DDDDDD;
  background: #FFFFFF;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
  font-family: Lato, sans-serif;
  opacity: 0; transform: translateY(-6px);
  transition: opacity 180ms ease-out, transform 180ms ease-out;
}
.theme-night .cmt-editor {
  background: #1F1F1F; border-color: #444; color: #EEE;
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
}
.cmt-editor:not(.cmt-hidden) { opacity: 1; transform: translateY(0); }

.cmt-editor-error { color: #EF4444; }

.cmt-editor-actions { margin-top: 10px; display: flex; gap: 10px; justify-content: flex-end; }

/* ======================== МОДАЛКА ======================== */
.cmt-modal-overlay {
  position: fixed; inset: 0; z-index: 9999;
  background: transparent;
  display: flex; align-items: center; justify-content: center;
}
.cmt-modal {
  min-width: 250px; max-width: 420px;
  padding: 20px; border-radius: 16px;
  border: 1px solid #DDDDDD;
  background: #FFFFFF; color: #222222;
  box-shadow: 0 20px 50px rgba(0,0,0,.20);
  font-family: Lato, sans-serif;
}
.theme-night .cmt-modal {
  border-color: #444; background: #222; color: #EEE;
  box-shadow: 0 20px 50px rgba(0,0,0,.60);
}
.cmt-modal-title { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.cmt-modal-text  { font-size: 14px; opacity: .9; margin-bottom: 16px; }
.cmt-modal-actions { display: flex; gap: 12px; justify-content: flex-end; }

/* Кнопки модалки — как все, цвета заданы выше (зелёная «Нет», красная «Да») */
.cmt-modal-btn { font-family: 'WellwaitFree', cursive; font-size: 16px; line-height: 1; padding: 10px 16px; border-radius: 14px; }

/* "Алерт" в стиле модалки — сообщение без Да/Нет (для ошибок, авто-скрытие) */
.cmt-modal.cmt-modal-toast {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 300ms ease, transform 300ms ease;
}
.cmt-modal.cmt-modal-toast.cmt-modal-toast-show { opacity: 1; transform: translateY(0); }
.cmt-modal.cmt-modal-toast.cmt-modal-toast-hide { opacity: 0; transform: translateY(10px); }
.cmt-modal-toast .cmt-modal-text { font-family: 'WellwaitFree', cursive; }

/* ======================== АНИМАЦИИ ======================= */
.comment-animate {
  opacity: 0;
  transform: translateY(50px) scale(0.97);
  animation: fadeInComment 0.7s cubic-bezier(.22,.7,.47,1.09) both;
  z-index: 2;
  box-shadow: 0 4px 22px -5px #32CD32, 0 2px 8px rgba(0,0,0,0.10);
}
@keyframes fadeInComment {
  0%   { opacity: 0; transform: translateY(50px) scale(0.97); box-shadow: 0 8px 44px -5px #32CD32, 0 2px 8px rgba(0,0,0,0.18); }
  60%  { opacity: 1; transform: translateY(-8px) scale(1.04); box-shadow: 0 4px 18px -4px #32CD32, 0 2px 8px rgba(0,0,0,0.10); }
  100% { opacity: 1; transform: translateY(0) scale(1);        box-shadow: 0 0 0 0 #32CD32, 0 0 0 0 transparent; }
}

.reply-animate {
  opacity: 0;
  transform: translateY(36px) scale(0.98);
  animation: fadeInReply 0.5s cubic-bezier(.27,.8,.38,1.19) both;
  z-index: 1;
  box-shadow: 0 2px 12px -2px deepskyblue, 0 1px 5px rgba(0,0,0,0.10);
  position: relative;
}

/* Специальный случай: подсветка корневого комментария без анимации всего блока с ответами */
.comment.cmt-comment.reply-animate {
  opacity: 1;
  transform: none;
  animation: none;
  box-shadow: none;
  position: static;
}
.comment.cmt-comment.reply-animate > .cmt-header,
.comment.cmt-comment.reply-animate > .cmt-text,
.comment.cmt-comment.reply-animate > .cmt-controls {
  position: relative;
  z-index: 1;
  animation: fadeInReply 0.5s cubic-bezier(.27,.8,.38,1.19) both;
  box-shadow: 0 2px 12px -2px deepskyblue, 0 1px 5px rgba(0,0,0,0.10);
}

@keyframes fadeInReply {
  0%   { opacity: 0; transform: translateY(36px) scale(0.98); box-shadow: 0 5px 20px -2px deepskyblue, 0 1px 5px rgba(0,0,0,0.18); }
  70%  { opacity: 1; transform: translateY(-4px) scale(1.02); box-shadow: 0 2px 10px -1px deepskyblue, 0 1px 5px rgba(0,0,0,0.10); }
  100% { opacity: 1; transform: translateY(0) scale(1);        box-shadow: 0 0 0 0 deepskyblue, 0 0 0 0 transparent; }
}

/* мягкое послесвечение ответа (один цикл) */
.reply-animate::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 10px;
  background: radial-gradient(closest-side, rgba(255, 246, 117, 0.45), rgba(255, 246, 117, 0) 70%);
  pointer-events: none;
  opacity: 0;
  animation: replySoftGlow 900ms ease-out 1;
}
@keyframes replySoftGlow {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}

/* Главная форма: кнопка «Отправить» справа под textarea */
.cmt-form {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "ta    ta"
    "info  submit"
    "err   err";
  gap: 10px 12px;
  align-items: center;
}

.cmt-form > .cmt-textarea { grid-area: ta; }
.cmt-form > .cmt-info     { grid-area: info; justify-self: start; }
.cmt-form > .cmt-error    { grid-area: err; color: #EF4444; }
.cmt-form > .cmt-submit   { grid-area: submit; justify-self: end; }
/* ссылки в блоке комментариев — жёлтые в тёмной теме */
html.theme-night .comments a,
body.theme-night .comments a {
  color: #FFEB3B;                 /* ярко-жёлтый */
  text-decoration-color: rgba(255, 235, 59, 0.6); /* мягкое подчёркивание */
}

/* посещённые — чуть приглушённый жёлтый */
html.theme-night .comments a:visited,
body.theme-night .comments a:visited {
  color: #FDE047;
}

/* наведение/фокус — светлее и подчёркнуто */
html.theme-night .comments a:hover,
html.theme-night .comments a:focus-visible,
body.theme-night .comments a:hover,
body.theme-night .comments a:focus-visible {
  color: #FFF176;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
/* === БЛОК ПРЕДУПРЕЖДЕНИЯ ПОД ФОРМОЙ ======================================= */
/* рус: контейнер всего блока, который вставляется ПОД формой (после textarea) */
.cmt-lock{
  /* отступ сверху, чтобы не прилипало к форме */
  margin-top: 16px;
}

/* рус: текст предупреждения + внутренняя кнопка "плевать, открыть комментарии" */
.cmt-lock-msg{
  margin: 0 0 10px 0;         /* отделяем от кнопки "Закрыть комментарии" ниже */
  font-size: 15px;
  line-height: 1.45;
}

/* рус: когда элемент нужно скрыть (используется JS) */
.cmt-hidden{
  display: none !important;
}

/* === КНОПКИ ОТКРЫТЬ/ЗАКРЫТЬ (красные, шрифт белый) ========================= */
/* рус: «плевать» и «закрыть» выглядят как обычная .cmt-btn, но красные */
.cmt-btn.cmt-btn-open,
.cmt-btn.cmt-btn-close{
  background-color: #DC2626;
  color: #fff;
}

.cmt-btn.cmt-btn-open:hover,
.cmt-btn.cmt-btn-close:hover{
  background-color: #B91C1C;
}

.theme-night .cmt-btn.cmt-btn-open,
.theme-night .cmt-btn.cmt-btn-close{
  background-color: #DC2626;
}
.theme-night .cmt-btn.cmt-btn-open:hover,
.theme-night .cmt-btn.cmt-btn-close:hover{
  background-color: #B91C1C;
}

/* ...ещё раз в ночной теме... */
.theme-night .cmt-btn.cmt-btn-open,
.theme-night .cmt-btn.cmt-btn-close{
  background-color: #DC2626;
  border-color: #B91C1C;
}
.theme-night .cmt-btn.cmt-btn-open:hover,
.theme-night .cmt-btn.cmt-btn-close:hover{
  background-color: #B91C1C;
}
/* Центрирование блока под textarea + отступ перед списком комментариев */
.cmt-lock{
  text-align: center;     /* центрируем всё внутри: текст и кнопки */
  margin-top: 16px;
  margin-bottom: 30px;    /* чтобы при открытии под кнопкой был зазор до контейнера комментариев */
}

/* Текст предупреждения — по центру */
.cmt-lock-msg{
  text-align: center;
}

/* Кнопка "плевать, открыть комментарии" — чуть отступа сверху и центр (унаследует) */
.cmt-lock-msg .cmt-btn-open{
  display: inline-block;
  margin-top: 8px;
}

/* Кнопка "Закрыть комментарии" — по центру и не прилипает к списку */
.cmt-btn.cmt-btn-close{
  display: inline-block;
  margin-top: 12px;       /* небольшой отступ от предупреждения, когда появится вместо него */
}

/* Плавное исчезновение комментариев и ответов при удалении */
.cmt-comment.cmt-fade-out,
.cmt-reply.cmt-fade-out{
  overflow: hidden;
  animation: cmtFadeOut 0.32s ease forwards;
}
/* ============================================
   Исправления цитат и визуального разделения
   ============================================ */

/* строка "Автор → Адресат" */
.cmt-reply-direction {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #1F2937;
}
.theme-night .cmt-reply-direction {
  color: #E5E7EB;
}

/* цитата — аккуратный контейнер */
.cmt-reply-quote {
  margin: 4px 0 10px 0;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.45;
  background: #ffffff;
  border-left: 3px solid #CBD5E1;
  border-radius: 8px;

  /* предотвращаем "улёт" строки на 50000px */
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}
.theme-night .cmt-reply-quote {
  background: #333;          /* тот же цвет, что и фон комментария */
  border-left-color: #555;   /* чуть светлее в ночной теме */
}

/* цитата к удалённому комментарию — чуть более тусклая и курсив */
.cmt-reply-quote-deleted {
  font-style: italic;
  color: #6B7280;
}
.theme-night .cmt-reply-quote-deleted {
  color: #9CA3AF;
}


/* дополнительный отступ между цитатой и текстом */
.cmt-reply-text {
  margin-top: 8px;
}

@keyframes cmtFadeOut{
  0%{
    opacity: 1;
    transform: translateY(0);
    max-height: 500px;
  }
  100%{
    opacity: 0;
    transform: translateY(-10px);
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}

/* ======================== МЕДИА-ЗАГОТОВКИ =============== */
@media (max-width: 1536px) {}
@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1280px) {}
@media (max-width: 1100px) {}
@media (max-width: 1000px) {}
@media (max-width: 768px)  {}
@media (max-width: 480px)  {}