/* mm-single-comment-form/assets/css/comments.css */

.mm-scf-comments,
.mm-scf-comments *{
  box-sizing: border-box !important;
  font-family: yekanbakh !important;
}

.mm-scf-comments{
  width: 856px !important;
  max-width: 100% !important;
  direction: rtl !important;
}

/* هر دیدگاه */
.mm-scf-comment{
  width: 100% !important;
  background: transparent !important;

  /* فاصله بالا و پایین هر دیدگاه */
  padding: 32px 0 !important;

  /* جداکننده بین دیدگاه‌ها */
  border-bottom: 1px solid #D6D6D6 !important;
}

/* آخرین دیدگاه جداکننده نداشته باشد */
.mm-scf-comment:last-child{
  border-bottom: none !important;
}

/* ردیف نام • تاریخ */
.mm-scf-comment__meta{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  direction: rtl !important;
}

/* نام */
.mm-scf-comment__name{
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 13px !important;
  text-align: right !important;
  color: #1E2023 !important;
}

/* نقطه */
.mm-scf-comment__dot{
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: #D6D6D6 !important;
}

/* تاریخ */
.mm-scf-comment__date{
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 12px !important;
  text-align: right !important;
  color: #808080 !important;
}

/* متن دیدگاه */
.mm-scf-comment__text{
  margin-top: 8px !important;

  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 32px !important;
  text-align: right !important;

  color: #1E2023 !important;
}

/* اکشن‌ها */
.mm-scf-comment__actions{
  margin-top: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  direction: rtl !important;
}

/* آیکن‌ها (Reply/Like/Dislike) با mask */
.mm-scf-icon{
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
  background-color: #808080 !important;

  -webkit-mask-image: var(--mm-icon) !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;

  mask-image: var(--mm-icon) !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
}

/* Reply (مثل تصویر: آیکن سمت راست، بعد متن با فاصله 8px) */
.mm-scf-reply{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;

  direction: rtl !important;
  flex-direction: row !important;
  unicode-bidi: isolate !important;
}

/* متن پاسخ */
.mm-scf-reply__text{
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 12px !important;
  text-align: right !important;
  color: #808080 !important;
}

/* Votes */
.mm-scf-votes{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  direction: rtl !important;
}

.mm-scf-vote{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  cursor: pointer !important;
}

.mm-scf-vote__count{
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 12px !important;
  color: #808080 !important;
  text-align: right !important;
}

.mm-scf-votes__divider{
  width: 1px !important;
  height: 14px !important;
  background: #D6D6D6 !important;
  display: inline-block !important;
}

/* حالت فعال: آیکن پر + عدد پررنگ‌تر */
.mm-scf-vote.is-active .mm-scf-icon{
  background-color: #242037 !important;
}
.mm-scf-vote.is-active .mm-scf-vote__count{
  color: #242037 !important;
}

/* ===================== */
/* Replies indentation + line */
/* ===================== */

/* ظرف پاسخ‌ها: 16px فاصله از نظر اصلی + 24 تو رفتگی */
.mm-scf-children{
  margin-top: 16px !important;        /* فاصله از متن نظر اصلی */
  padding-right: 24px !important;     /* تو رفتگی محتوا */
  position: relative !important;
}

/* خط عمودی: 24px داخل‌تر (هم‌راستا با padding-right) */
.mm-scf-children::before{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;

  right: 24px !important;             /* خط هم 24px داخل */
  width: 0 !important;
  border-right: 1px solid #1E2023 !important;
}

/* برای اینکه متن/آیتم‌ها به خط نچسبند */
.mm-scf-children .mm-scf-comment{
  padding-right: 16px !important;     /* فاصله پاسخ‌ها از خط */
  border-bottom: none !important;     /* جداکننده داخل پاسخ‌ها را حذف کن */
  padding-top: 16px !important;       /* کمی فاصله برای جواب‌ها */
  padding-bottom: 16px !important;
}

/* سطح‌های بعدی هم همین رفتار را داشته باشند */
.mm-scf-children .mm-scf-children{
  margin-top: 16px !important;
  padding-right: 24px !important;
  position: relative !important;
}

.mm-scf-children .mm-scf-children::before{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;

  right: 24px !important;
  width: 0 !important;
  border-right: 1px solid #1E2023 !important;
}

.mm-scf-children .mm-scf-children .mm-scf-comment{
  padding-right: 16px !important;
}

/* پیام خالی */
.mm-scf-comments__empty{
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 12px !important;
  color: #808080 !important;
  text-align: right !important;
}

/* ریسپانسیو */
@media (max-width: 980px){
  .mm-scf-comment__actions{
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .mm-scf-votes{
    align-self: flex-end !important;
  }
}