/* ArteHi Hotfixes (carregado após style.css) */

/* Avatar do autor acima de overlays de texto */
.project-thumb{ position: relative; }

.project-author-avatar{
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  bottom: auto !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  z-index: 60 !important;
  pointer-events: none !important;
  border: 2px solid rgba(0,0,0,0.7) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.55) !important;
  background: rgba(0,0,0,0.15);
}

.project-author-avatar img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

@media (max-width: 640px){
  .project-author-avatar{
    top: 8px !important;
    left: 8px !important;
    width: 32px !important;
    height: 32px !important;
  }
}

/* Garantir que overlays/texto não fiquem acima do avatar */
.project-thumb .project-info,
.project-thumb .project-overlay,
.project-thumb .project-hover-overlay,
.project-thumb .project-meta-overlay{
  z-index: 10;
}

/* ===============================
   COMMENTS: limitar a 3 "colunas" visuais
   A partir do nível 3 (depth-2), não aumenta mais a indentação.
   =============================== */
.comments-thread .cmt.depth-2 > .cmt-main > .cmt-children,
.comments-thread .cmt.depth-3 > .cmt-main > .cmt-children,
.comments-thread .cmt.depth-4 > .cmt-main > .cmt-children{
  padding-left: 0 !important;
  border-left: 0 !important;
}

/* Mantém um leve guia visual sem criar nova coluna */
.comments-thread .cmt.depth-2 > .cmt-main > .cmt-children,
.comments-thread .cmt.depth-3 > .cmt-main > .cmt-children,
.comments-thread .cmt.depth-4 > .cmt-main > .cmt-children{
  margin-top: 10px;
}

.comments-thread .cmt.depth-2 > .cmt-main > .cmt-children > .cmt,
.comments-thread .cmt.depth-3 > .cmt-main > .cmt-children > .cmt,
.comments-thread .cmt.depth-4 > .cmt-main > .cmt-children > .cmt{
  position: relative;
  padding-left: 12px;
}

.comments-thread .cmt.depth-2 > .cmt-main > .cmt-children > .cmt:before,
.comments-thread .cmt.depth-3 > .cmt-main > .cmt-children > .cmt:before,
.comments-thread .cmt.depth-4 > .cmt-main > .cmt-children > .cmt:before{
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 2px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
}