.uk-comment-list>:nth-child(n+2) {
    margin-top: 0px;
}
h3#reply-title {
    display: none;
}
article + div#respond form#commentform {
    max-width: 90%;
    margin-left: auto;
}
/* Nút Hủy cạnh nút Đăng trong form bình luận */
.form-submit { display: flex; align-items: center; gap: 8px; }
#cancel-comment-reply-link.uk-button { line-height: 36px; }

/* Mobile thu gọn một chút */
@media (max-width: 640px){
  .form-submit { gap: 6px; }
}

/* ====== Card tổng ====== */
#tbz-comments-wrap.uk-card.uk-card-default.uk-card-body {
  margin-top: 16px;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
  border-radius: 14px;
}

/* Tiêu đề tab + thanh trạng thái */
#tbz-comments-wrap .uk-tab>*>a { font-weight: 700; }
#tbz-comments-wrap .tbz-comments-summary {
  color:#6b7280;
  font-size:14px;
  margin:10px 0 16px;
}


#tbz-comments-wrap .uk-comment {
  padding: 12px 14px;
}

/* Header: avatar + tên + meta */
#tbz-comments-wrap .uk-comment .uk-comment-title {
  font-weight: 700;
  margin: 0;
  color: #0f172a;
}
#tbz-comments-wrap .uk-comment .uk-comment-meta {
  color:#6b7280;
  font-size: 13px;
}


/* Nội dung */
#tbz-comments-wrap .comment-content p {
  margin: 0 0 8px;
  line-height: 1.6;
}


#tbz-comments-wrap a.comment-reply-link:hover,
#tbz-comments-wrap .comment-edit-link:hover {
  background:#f3f4f6;
}


/* Bình luận mới đăng / mới chỉnh sửa: viền xanh trong 2 giây */
.comment--just-posted {
  outline: 2px solid #22c55e;
  transition: outline 2s ease;
}

/* Ô sửa nhanh (inline edit) */
#tbz-comments-wrap .tbz-edit-box { margin-top: 6px; }
#tbz-comments-wrap .tbz-edit-actions { margin-top: 8px; display:flex; gap:8px; }


#tbz-comments-wrap .tbz-cmt__avatar .tbz-avatar {
  width: 44px; height: 44px; border-radius: 8px; display: block;
}

#tbz-comments-wrap .tbz-cmt__box {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 10px 12px;
  position: relative;
}

/* Viền mảnh trên đầu */
#tbz-comments-wrap .tbz-cmt__box::before{
  content:"";
  display:block;
  height:3px;
  background: linear-gradient(90deg, #f59e0b, #f97316);
  position:absolute;
  top:0; left:0; right:0;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
}
#tbz-comments-wrap .children .tbz-cmt__box::before {

    background: linear-gradient(90deg, #2196F3, #673AB7);
}

/* Tên tác giả */
#tbz-comments-wrap .tbz-cmt__head{
  padding-top:6px;  /* chừa chỗ cho viền mảnh */
  margin-bottom: 8px;
}
#tbz-comments-wrap .tbz-cmt__author{
  font-weight: 700; color:#0f172a;
}

/* Nội dung */
#tbz-comments-wrap .comment-content p{
  margin: 0 0 8px; line-height: 1.6;
}

/* Hàng actions dưới khung */
#tbz-comments-wrap .tbz-cmt__actions{
  display:flex; align-items:center; gap:14px;
  margin-top: 8px; color:#6b7280; font-size: 11px;
}

}
#tbz-comments-wrap .tbz-cmt__actions .tbz-action a:hover{
  background:#f3f4f6;
}
#tbz-comments-wrap .tbz-cmt__actions .fa-solid{ font-size: 10px; }

/* Cấp con (replies) — lùi + đường kẻ trái nhẹ */
#tbz-comments-wrap .children{
  margin-left: 50px;
  padding-left: 20px;
  margin-top: 20px !important;
  list-style-type: none;
}
#tbz-comments-wrap .children .children {
    margin-left: 0;
    padding-left: 0;
    margin-top: 20px !important;
}

#tbz-comments-wrap .tbz-cmt__head{
  display:flex; align-items:center; gap:8px;
  padding-top:6px; margin-bottom:8px;
}
#tbz-comments-wrap .tbz-cmt__inline { display:inline-flex; align-items:center; gap:6px; }

/* Style mẫu cho “huy hiệu” (plugin có thể reuse class này) */
#tbz-comments-wrap .tbz-badge {
  display:inline-block;
  padding:2px 8px;
  font-size:12px; font-weight:700;
  color:#f59e0b; background:#fff7ed;
  border:1px solid #fed7aa; border-radius:999px;
  line-height:1;
}
/* Mention (tên người được rep) */
#comments .tbz-replyto, #tbz-comments-wrap .tbz-replyto{
  display:inline-block; margin:0 0 6px; padding:2px 10px;
  border-radius:8px; background:#fff7ed; border:1px solid #fed7aa;
  font-weight:700; color:#b45309;
}

/* Bình luận vừa gửi/sửa: viền xanh 2s */
.comment--just-posted{ outline:2px solid #22c55e; transition: outline 2s ease; }

a.comment-reply-login {
    display: none;
}
.tbz-cmt__box hr {
    margin: 10px 0;
}

/* ===== Mobile tweaks (≤ 640px) ===== */
@media (max-width: 640px){

  /* Giảm cỡ chữ tổng thể trong vùng bình luận */
  #tbz-comments-wrap { font-size: 14px; }

  /* Thu padding khối comment */
  #tbz-comments-wrap .uk-comment { padding: 8px 10px; }
  #tbz-comments-wrap .tbz-cmt__box { padding: 8px 10px; border-radius: 10px; }

  /* Tiêu đề + meta + nội dung nhỏ lại, sát hơn */
  #tbz-comments-wrap .tbz-cmt__head { margin-bottom: 6px; gap: 6px;padding-top: 0px; }
  #tbz-comments-wrap .tbz-cmt__author { font-size: 14px; }
  #tbz-comments-wrap .uk-comment .uk-comment-meta { font-size: 12px; }
  #tbz-comments-wrap .comment-content p { font-size: 14px; line-height: 1.5; margin: 0 0 6px; }

  /* Hàng actions dưới cùng */
  #tbz-comments-wrap .tbz-cmt__actions { margin-top: 6px; gap: 10px; font-size: 10px; }

  /* Thu thụt lề của replies để tiết kiệm bề ngang */
  #tbz-comments-wrap .children { margin-left: 10px; padding-left: 0px; margin-top: 0px !important; }

  .tbz-cmt__box hr {    margin: 5px 0;}

  /* Nếu bạn KHÔNG sửa PHP để thêm class UIkit ẩn avatar,
     thì bật dòng dưới để CSS tự ẩn avatar trên mobile: */
  /* #tbz-comments-wrap .tbz-cmt__avatar { display:none !important; } */
}
/* Pagination (WP) */
.navigation.comments-pagination{
  display:flex; justify-content:center; gap:.375rem; flex-wrap:wrap;
  margin:16px 0;
}
.navigation.comments-pagination .page-numbers{
  display:inline-block; min-width:36px; padding:6px 10px; text-align:center;
  border:1px solid #e5e7eb; border-radius:9999px; line-height:1.2;
  background:#fff; transition:border-color .2s, transform .15s, color .2s, background .2s;
}
.navigation.comments-pagination a.page-numbers{
  text-decoration:none; color:inherit;
}
.navigation.comments-pagination a.page-numbers:hover{
  border-color:#a3a3a3; transform:translateY(-1px);
}
.navigation.comments-pagination a.page-numbers:focus{
  outline:0; box-shadow:0 0 0 2px rgba(30,135,240,.25);
}

/* current + prev/next + dots */
.navigation.comments-pagination .page-numbers.current{
  background:#1e87f0; color:#fff; border-color:#1e87f0; font-weight:700;
}
.navigation.comments-pagination .page-numbers.prev,
.navigation.comments-pagination .page-numbers.next{ padding:6px 8px; min-width:32px; }
.navigation.comments-pagination .page-numbers.dots{
  border-color:transparent; background:transparent; min-width:auto; padding:6px 4px;
}

/* dark mode (nhẹ) */
@media (prefers-color-scheme: dark){
  .navigation.comments-pagination .page-numbers{ background:#111; border-color:#333; }
  .navigation.comments-pagination .page-numbers.current{ background:#1e87f0; border-color:#1e87f0; }
}