/* comment.css — khối bình luận (module comment) dưới bài viết: tiêu đề + sắp xếp, danh sách (có trả lời lồng nhau), biểu mẫu gửi.
   Tệp được nhúng bởi comment/main.tpl (khối header) khi một module gọi nv_comment_module(); JS lõi gắn theo id #idcomment, #showcomment, #formcomment. */

.mt-comments {
  margin: 2rem 0 0;
  padding-top: 1.5rem;
  border-top: 1px solid var(--mt-border);
}

.mt-comments__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin: 0 0 1rem;
}

.mt-comments__head .mt-article__h2 {
  margin: 0;
}

.mt-comments__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}

.mt-comments__tools .mt-select {
  width: auto;
  min-width: 10rem;
}

.mt-comments__list:empty {
  display: none;
}

.mt-commentlist {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mt-commentlist--children {
  margin-top: 1rem;
  padding-left: 1rem;
  border-left: 3px solid var(--mt-sky-pale);
}

.mt-comment {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: .75rem;
  min-width: 0;
}

.mt-comment > .mt-commentlist {
  flex: 1 1 100%;
}

.mt-comment__avatar {
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--mt-bg-tint);
  object-fit: cover;
}

.mt-comment__body {
  min-width: 0;
  flex: 1 1 0;
  padding: .75rem 1rem;
  border: 1px solid var(--mt-border);
  border-radius: var(--mt-radius-sm);
  background: #fff;
}

.mt-comment__text {
  overflow-wrap: anywhere;
}

.mt-comment__text > :first-child {
  margin-top: 0;
}

.mt-comment__text > :last-child {
  margin-bottom: 0;
}

.mt-comment__info {
  margin-top: .6rem;
  padding-top: .5rem;
  border-top: 1px dashed var(--mt-border);
  font-size: var(--mt-fs-sm);
}

.mt-comment__who {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .25rem .6rem;
  margin: 0 0 .35rem;
}

.mt-comment__tools {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mt-comment__tools a {
  display: inline-block;
  padding: .35rem 0;
}

.mt-comments__form {
  margin-top: 1.5rem;
  padding: 1rem 1.15rem;
  border: 1px solid var(--mt-border);
  border-radius: var(--mt-radius);
  background: var(--mt-bg-card);
}

.mt-form__row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 0 1rem;
}

/* Không có biểu mẫu (khách chưa được phép bình luận và lõi không in thông báo đăng nhập) hoặc chưa có ý kiến nào: không vẽ khung rỗng */
.mt-comments__form:not(:has(*)) {
  display: none;
}

.mt-comments:not(:has(.mt-comment)) .mt-comments__tools {
  display: none;
}

.mt-comments:not(:has(.mt-comment, .mt-comments__form > *)) {
  display: none;
}