/* ArteHi - Hotfix: limitar comentários a no máximo 3 colunas visuais
   Objetivo: após o 3º nível (3ª coluna), NÃO aumentar a indentação para a direita.
   Este arquivo é um override: deve ser carregado DEPOIS do CSS principal. */

.comments, .comments * { box-sizing: border-box; }

/* 3º nível em diante: zera margin/padding/borda do container de respostas para impedir "4ª coluna". */
.comment .comment-children .comment .comment-children .comment .comment-children,
.comment .comment_children .comment .comment_children .comment .comment_children,
.comment .comment-replies .comment .comment-replies .comment .comment-replies,
.comment .children .comment .children .comment .children,
.comment-item .comment-children .comment-item .comment-children .comment-item .comment-children,
.comment-item .children .comment-item .children .comment-item .children,
.cmt .cmt-children .cmt .cmt-children .cmt .cmt-children,
.cmt-item .cmt-children .cmt-item .cmt-children .cmt-item .cmt-children {
  margin-left: 0 !important;
  padding-left: 0 !important;
  border-left: 0 !important;
}

/* 4º nível+ (redundante; garante travamento mesmo com wrappers extras). */
.comment .comment-children .comment .comment-children .comment .comment-children .comment-children,
.comment .comment-children .comment .comment-children .comment .comment-children .comment .comment-children,
.cmt .cmt-children .cmt .cmt-children .cmt .cmt-children .cmt-children,
.cmt .cmt-children .cmt .cmt-children .cmt .cmt-children .cmt .cmt-children {
  margin-left: 0 !important;
  padding-left: 0 !important;
  border-left: 0 !important;
}

/* Guia visual sutil no item (sem criar coluna nova). */
.comment .comment-children .comment .comment-children .comment .comment-children > .comment,
.comment .comment-children .comment .comment-children .comment .comment-children > .comment-item,
.cmt .cmt-children .cmt .cmt-children .cmt .cmt-children > .cmt,
.cmt .cmt-children .cmt .cmt-children .cmt .cmt-children > .cmt-item {
  position: relative;
}

.comment .comment-children .comment .comment-children .comment .comment-children > .comment:before,
.comment .comment-children .comment .comment-children .comment .comment-children > .comment-item:before,
.cmt .cmt-children .cmt .cmt-children .cmt .cmt-children > .cmt:before,
.cmt .cmt-children .cmt .cmt-children .cmt .cmt-children > .cmt-item:before {
  content: "";
  position: absolute;
  left: -8px;
  top: 6px;
  bottom: 6px;
  width: 2px;
  opacity: .35;
  background: currentColor;
  border-radius: 2px;
  pointer-events: none;
}