/* ==============================================
   Комментарии с вложенностью
   ============================================== */

/* Обертка комментария */
.comment-wrapper { transition: background-color 0.2s ease; border-radius: 8px; padding: 4px 0; }
.comment-wrapper:hover { background-color: rgba(13, 110, 253, 0.02); }

/* Все уровни — отступ 0 */
.comment-wrapper[class*="level-"] { margin-left: 0; }

/* Контейнер для вложенных комментариев - отступ 10px на каждый уровень */
.children-comments { margin-top: 0.25rem; padding-left: 10px; }

/* Убираем отступ у последнего комментария в цепочке */
.children-comments .comment-wrapper:last-child { margin-bottom: 0 !important; }

/* Карточка комментария */
.comment-card { padding: 10px 14px; border-radius: 12px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: box-shadow 0.2s; }
.comment-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }

/* Левая полоска ТОЛЬКО для главных комментариев */
.comment-wrapper.level-0 .comment-card { border-left: 3px solid #dee2e6; }
.comment-wrapper:not(.level-0) .comment-card { border-left: none; }

/* Стрелка-указатель для вложенных комментариев */
.comment-wrapper:not(.level-0) .comment-arrow::before { content: "↳"; color: #adb5bd; font-size: 1.1rem; margin-right: 2px; }

/* Текст комментария */
.comment-text {text-align:justify; color: #333; line-height: 1.6; word-wrap: break-word; }

/* Кнопка "Ответить" */
.reply-button { color: #6c757d; font-size: 0.813rem; padding: 0; border: none; background: none; cursor: pointer; transition: color 0.2s ease; }
.reply-button:hover { color: #0d6efd !important; text-decoration: underline; }

/* Мобильная адаптация */
@media (max-width: 576px) {
    .children-comments { padding-left: 5px; }
    .comment-card { padding: 8px 10px; border-radius: 8px; }
    .comment-wrapper:not(.level-0) .comment-arrow::before { font-size: 0.9rem; }
}