/* =========================================================
   SHIFT.camp — Comments / wpDiscuz Component Styling
   Design System v2 (Material 3 tokens)
   ========================================================= */

/* 1. Base Container & Scoped Typography */
#wpdcom {
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  color: var(--sc-text, #23272F);
  max-width: var(--sc-measure, 720px);
  margin-inline: auto;
  padding-top: var(--sc-space-4, 16px);
  box-sizing: border-box;
}

/* Scoped typography to text elements ONLY (NEVER use #wpdcom * which breaks icon fonts) */
#wpdcom input,
#wpdcom textarea,
#wpdcom select,
#wpdcom button,
#wpdcom .wpd-comment-text,
#wpdcom .wpd-comment-author,
#wpdcom .wpd-comment-date,
#wpdcom .wpd-comment-label,
#wpdcom .wpd-thread-info,
#wpdcom .wpd-thread-filter,
#wpdcom .wpdf-sorting,
#wpdcom .wpdiscuz-sort-button,
#wpdcom .wpdiscuz-sort-buttons,
#wpdcom .wpdiscuz_select,
#wpdcom .wpd-reply-button,
#wpdcom .wpd-vote-result,
#wpdcom .wpd-form-head,
#wpdcom .wpd-sbs-toggle,
#wpdcom .wpd-view-replies {
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
}

/* Protect all Font Awesome icons completely from font overrides */
#wpdcom i[class*="fa"],
#wpdcom i.fas,
#wpdcom i.far,
#wpdcom i.fab,
#wpdcom .fa,
#wpdcom .fas,
#wpdcom .far,
#wpdcom .fab,
.lity i[class*="fa"],
.lity i.fas,
.lity i.far,
.lity i.fab,
.lity .fa,
.lity .fas,
.lity .far,
.lity .fab {
  font-family: "Font Awesome 5 Free", "FontAwesome" !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
}

#wpdcom i.fab,
.lity i.fab {
  font-family: "Font Awesome 5 Brands", "FontAwesome" !important;
}

/* 2. Form Header (شما وارد شده‌اید به عنوان ... | خروج) */
#wpdcom .wpd-form-head {
  border-bottom: 1px solid var(--sc-line, #E2E4E9) !important;
  padding: var(--sc-space-2, 8px) 0 !important;
  margin-bottom: var(--sc-space-3, 12px) !important;
  font-size: var(--sc-label-m-size, 13px) !important;
  color: var(--sc-ref-gray-700, #5B616E) !important;
}

#wpdcom .wpd-form-head a {
  color: var(--sc-link, #3366FF) !important;
  text-decoration: none !important;
  transition: var(--sc-transition, all 0.2s cubic-bezier(0.2,0,0,1));
}

#wpdcom .wpd-form-head a:hover {
  color: var(--sc-link-hover, #2952D9) !important;
  text-decoration: underline !important;
}

/* 3. Textarea / Comment Box — Clean Flat Field, NO Inner Shadow */
#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea,
#wpdcom .wpd-form textarea.wc_comment,
#wpdcom .wpd-secondary-form-wrapper textarea,
#wpdcom textarea {
  border-radius: var(--sc-radius-sm, 8px) !important;
  border: var(--sc-border, 1px) solid var(--sc-line, #E2E4E9) !important;
  background-color: var(--sc-bg, #ffffff) !important;
  box-shadow: none !important;
  color: var(--sc-text, #23272F) !important;
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  font-size: var(--sc-body-m-size, 14.5px) !important;
  line-height: var(--sc-body-m-lh, 1.8) !important;
  padding: 12px 16px !important;
  min-height: 80px;
  transition: var(--sc-transition, all 0.2s cubic-bezier(0.2,0,0,1)) !important;
  outline: 0 !important;
  resize: vertical;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea:hover,
#wpdcom .wpd-form textarea.wc_comment:hover,
#wpdcom .wpd-secondary-form-wrapper textarea:hover,
#wpdcom textarea:hover {
  border-color: var(--sc-ref-gray-700, #5B616E) !important;
  box-shadow: none !important;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea:focus,
#wpdcom .wpd-form textarea.wc_comment:focus,
#wpdcom .wpd-secondary-form-wrapper textarea:focus,
#wpdcom textarea:focus {
  border-color: var(--sc-accent, #3366FF) !important;
  box-shadow: 0 0 0 3px rgba(51, 102, 255, 0.15) !important;
  outline: 0 !important;
}

#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea::placeholder,
#wpdcom .wpd-form textarea.wc_comment::placeholder,
#wpdcom .wpd-secondary-form-wrapper textarea::placeholder,
#wpdcom textarea::placeholder {
  color: var(--sc-ref-gray-700, #5B616E) !important;
  opacity: 0.65 !important;
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  font-size: var(--sc-body-s-size, 13.5px) !important;
}

/* 4. User Avatar */
#wpdcom .wpd-form .wpd-avatar img,
#wpdcom .wpd-avatar img {
  border-radius: 50% !important;
  border: 1px solid var(--sc-line, #E2E4E9) !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 5. Primary Submit Button — Brand Blue & Compact */
#wpdcom .wc-field-submit input[type="submit"],
#wpdcom .wpd-prim-button,
#wpdcom input[type="submit"].wc_comm_submit {
  background-color: var(--sc-accent, #3366FF) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: var(--sc-radius-sm, 8px) !important;
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  font-size: 13px !important;
  font-weight: var(--sc-weight-bold, 700) !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 6px 18px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
  transition: var(--sc-transition, all 0.2s cubic-bezier(0.2,0,0,1)) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#wpdcom .wc-field-submit input[type="submit"]:hover,
#wpdcom .wpd-prim-button:hover,
#wpdcom input[type="submit"].wc_comm_submit:hover {
  background-color: var(--sc-accent-hover, #2952D9) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* 6. Form Foot Actions (Pin, Lock, Notification Bell) */
#wpdcom .wc-field-submit .wpd_label__text .wpdicon,
#wpdcom .wc-field-submit .wpd_label__text i {
  color: var(--sc-ref-gray-700, #5B616E) !important;
  font-size: 15px !important;
  transition: var(--sc-transition, all 0.2s);
}

#wpdcom .wc-field-submit .wpd_label__text:hover .wpdicon,
#wpdcom .wc-field-submit .wpd_label__text:hover i {
  color: var(--sc-accent, #3366FF) !important;
}

#wpdcom .wc-field-submit .wpd_label__checkbox:checked + .wpd_label__text .wpdicon-on,
#wpdcom .wc-field-submit .wpd_label__checkbox:checked + .wpd_label__text i {
  color: var(--sc-accent, #3366FF) !important;
}

/* Subscription Toggle */
#wpdcom .wpd-sbs-toggle {
  color: var(--sc-ref-gray-700, #5B616E) !important;
  font-size: var(--sc-label-m-size, 13px) !important;
  cursor: pointer;
}

#wpdcom .wpd-sbs-toggle:hover {
  color: var(--sc-accent, #3366FF) !important;
}

/* 7. Thread Header & Filters (دیدگاه‌ها / مرتب‌سازی) — Clean & Balanced */
#wpdcom .wpd-thread-head {
  border-bottom: 1px solid var(--sc-line, #E2E4E9) !important;
  padding-bottom: 8px !important;
  margin-top: var(--sc-space-5, 24px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
}

#wpdcom .wpd-thread-info {
  font-size: 13.5px !important;
  font-weight: var(--sc-weight-bold, 700) !important;
  color: var(--sc-ink, #000000) !important;
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  line-height: 1.4 !important;
}

#wpdcom .wpd-thread-info .wpdtc {
  font-size: 14px !important;
  font-weight: var(--sc-weight-bold, 700) !important;
}

/* User Settings Button (fa-user-cog) */
#wpdcom .wpd-thread-head .wpdiscuz-user-settings {
  font-size: 13px !important;
  color: var(--sc-ref-gray-700, #5B616E) !important;
  border: 1px solid var(--sc-line, #E2E4E9) !important;
  border-radius: var(--sc-radius-xs, 6px) !important;
  background-color: var(--sc-bg-surface, #ffffff) !important;
  padding: 3px 7px !important;
  margin: 0 8px 0 0 !important;
  width: auto !important;
  height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: var(--sc-transition, all 0.2s) !important;
  box-shadow: none !important;
}

#wpdcom .wpd-thread-head .wpdiscuz-user-settings:hover {
  color: var(--sc-accent, #3366FF) !important;
  border-color: var(--sc-accent, #3366FF) !important;
  background-color: var(--sc-accent-container, #EEF4FF) !important;
}

#wpdcom .wpd-thread-head .wpdiscuz-user-settings i {
  font-size: 13px !important;
}

/* Filters & Sorting — Compact, Clean & 1-2 Sizes Smaller */
#wpdcom .wpd-thread-filter {
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

#wpdcom .wpd-thread-filter .wpd-filter,
#wpdcom .wpd-thread-filter .wpdf-sorting {
  border-bottom: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: auto !important;
  line-height: normal !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

#wpdcom .wpd-thread-filter .wpdf-sorting .wpdiscuz-sort-button {
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: var(--sc-ref-gray-700, #5B616E) !important;
  background-color: var(--sc-bg-subtle, #F4F5F7) !important;
  border: 1px solid var(--sc-line, #E2E4E9) !important;
  border-radius: var(--sc-radius-xs, 6px) !important;
  padding: 3px 8px !important;
  transition: var(--sc-transition, all 0.2s) !important;
  cursor: pointer !important;
  line-height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
}

#wpdcom .wpd-thread-filter .wpdf-sorting .wpdiscuz-sort-button:hover,
#wpdcom .wpd-thread-filter .wpdf-sorting .wpdiscuz-sort-button.wpdiscuz-sort-button-active {
  color: var(--sc-accent, #3366FF) !important;
  background-color: var(--sc-accent-container, #EEF4FF) !important;
  border-color: rgba(51, 102, 255, 0.3) !important;
}

#wpdcom .wpd-thread-filter .wpdf-sorting i.fa-sort-down {
  font-size: 10px !important;
  color: var(--sc-ref-gray-700, #5B616E) !important;
  margin-top: -3px !important;
  margin-right: 2px !important;
}

#wpdcom .wpdiscuz-sort-buttons {
  border-radius: var(--sc-radius-sm, 8px) !important;
  border: 1px solid var(--sc-line, #E2E4E9) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
  background-color: #ffffff !important;
  padding: 4px !important;
  z-index: 99 !important;
  min-width: 110px !important;
}

#wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button {
  display: block !important;
  padding: 5px 10px !important;
  font-size: 11.5px !important;
  border-radius: 4px !important;
  border: none !important;
  background: transparent !important;
  text-align: right !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button:hover {
  background-color: var(--sc-accent-container, #EEF4FF) !important;
  color: var(--sc-accent, #3366FF) !important;
}

#wpdcom .wpd-thread-filter .wpdiscuz_select,
#wpdcom .wpd-thread-filter select {
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  font-size: 11.5px !important;
  border: 1px solid var(--sc-line, #E2E4E9) !important;
  border-radius: var(--sc-radius-xs, 6px) !important;
  padding: 3px 6px !important;
  background-color: #fff !important;
  color: var(--sc-text, #23272F) !important;
}

/* 8. Layout 3 — Comment Wrap, Header & Footer Clean Alignment */
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-right {
  border-bottom: 0 !important;
  border-right: 1px solid var(--sc-line, #E2E4E9) !important;
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header {
  background-color: #f9fafb !important;
  border-radius: var(--sc-radius-sm, 8px) var(--sc-radius-sm, 8px) 0 0 !important;
  padding: 8px 12px !important;
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-text {
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  font-size: 14.5px !important;
  line-height: 1.8 !important;
  color: var(--sc-text, #23272F) !important;
  padding: 12px 14px !important;
}

/* Comment Footer — Clear of Any Border Collisions */
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  margin-top: 6px !important;
  padding: 8px 14px 12px 14px !important;
  border-top: 1px dashed var(--sc-line, #E2E4E9) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

/* Toggle / View Replies */
#wpdcom .wpd-comment-footer .wpd-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  cursor: pointer !important;
}

#wpdcom .wpd-comment-footer .wpd-toggle i {
  color: var(--sc-ref-gray-700, #888888) !important;
  font-size: 13px !important;
  transition: color 0.2s;
}

#wpdcom .wpd-comment-footer .wpd-toggle:hover i {
  color: var(--sc-accent, #3366FF) !important;
}

#wpdcom .wpd-comment-footer .wpd-toggle .wpd-view-replies {
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  font-size: 11.5px !important;
  color: var(--sc-ref-gray-700, #5B616E) !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

#wpdcom .wpd-comment-footer .wpd-toggle:hover .wpd-view-replies {
  color: var(--sc-accent, #3366FF) !important;
}

/* Vote Up / Down (+ / -) in Footer */
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote {
  margin-right: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up,
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down {
  border: 1px solid var(--sc-line, #E2E4E9) !important;
  border-radius: 50% !important;
  background-color: var(--sc-bg-surface, #ffffff) !important;
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: var(--sc-transition, all 0.2s cubic-bezier(0.2,0,0,1)) !important;
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up svg,
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down svg {
  width: 11px !important;
  height: 11px !important;
  fill: var(--sc-ref-gray-700, #5B616E) !important;
  transition: fill 0.2s;
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up:hover {
  border-color: #009149 !important;
  background-color: #f0fdf4 !important;
}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up:hover svg {
  fill: #009149 !important;
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down:hover {
  border-color: #E53935 !important;
  background-color: #fef2f2 !important;
}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down:hover svg {
  fill: #E53935 !important;
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-result {
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--sc-ink, #000000) !important;
  padding: 0 4px !important;
  background: transparent !important;
  line-height: normal !important;
}

/* Reply Button in Footer */
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button {
  border: 1px solid var(--sc-line, #E2E4E9) !important;
  border-radius: var(--sc-radius-sm, 8px) !important;
  background-color: var(--sc-bg-surface, #ffffff) !important;
  color: var(--sc-text, #23272F) !important;
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  padding: 3px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  cursor: pointer !important;
  transition: var(--sc-transition, all 0.2s cubic-bezier(0.2,0,0,1)) !important;
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button:hover {
  border-color: var(--sc-accent, #3366FF) !important;
  background-color: var(--sc-accent-container, #EEF4FF) !important;
  color: var(--sc-accent, #3366FF) !important;
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* 9. Discussion Settings / Activity Lightbox Modal (Lity / #wpdUserContentInfo) */
.lity-container {
  border-radius: var(--sc-radius-l, 16px) !important;
  overflow: hidden !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2) !important;
  background-color: var(--sc-bg-surface, #ffffff) !important;
  max-width: 620px !important;
}

.lity-content {
  background-color: var(--sc-bg-surface, #ffffff) !important;
  border-radius: var(--sc-radius-l, 16px) !important;
}

.wpd-wrapper {
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  padding: 16px !important;
  background-color: #ffffff !important;
}

.wpd-wrapper .wpd-list {
  border-right: none !important;
  border-bottom: 2px solid var(--sc-line, #E2E4E9) !important;
  display: flex !important;
  gap: 6px !important;
  padding: 0 8px !important;
}

.wpd-wrapper .wpd-list-item {
  border: none !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -2px !important;
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--sc-ref-gray-700, #5B616E) !important;
  padding: 10px 16px !important;
  cursor: pointer !important;
  transition: var(--sc-transition, all 0.2s) !important;
}

.wpd-wrapper .wpd-list-item:hover {
  color: var(--sc-accent, #3366FF) !important;
}

.wpd-wrapper .wpd-list-item.wpd-active {
  color: var(--sc-accent, #3366FF) !important;
  border-bottom: 2px solid var(--sc-accent, #3366FF) !important;
  font-weight: 700 !important;
}

.wpd-wrapper .wpd-content-item {
  border: none !important;
  padding: 16px 8px !important;
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
}

.wpd-wrapper .wpd-item {
  border-bottom: 1px solid var(--sc-line, #E2E4E9) !important;
  padding: 12px 0 !important;
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.wpd-wrapper #wpd-content-item-1 .wpd-item-left,
.wpd-wrapper #wpd-content-item-2 .wpd-item-left,
.wpd-wrapper #wpd-content-item-3 .wpd-item-left {
  float: none !important;
  width: auto !important;
  border-right: none !important;
  flex: 1 1 auto;
}

.wpd-wrapper #wpd-content-item-1 .wpd-item-right,
.wpd-wrapper #wpd-content-item-2 .wpd-item-right,
.wpd-wrapper #wpd-content-item-3 .wpd-item-right {
  margin-left: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto;
}

.wpd-wrapper .wpd-item-link {
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  color: var(--sc-link, #3366FF) !important;
  text-decoration: none !important;
}

.wpd-wrapper .wpd-item-link:hover {
  text-decoration: underline !important;
}

.wpd-wrapper .wpd-item-right i {
  color: var(--sc-ref-gray-700, #888888) !important;
  font-size: 17px !important;
  transition: color 0.2s;
  cursor: pointer;
}

.wpd-wrapper .wpd-item-right i:hover {
  color: #E53935 !important;
}

.wpd-wrapper .wpd-user-email-delete-links-wrap {
  border-top: 1px solid var(--sc-line, #E2E4E9) !important;
  padding-top: 14px !important;
  margin-top: 14px !important;
  text-align: center !important;
}

.wpd-wrapper .wpd-user-email-delete-links {
  color: var(--sc-link, #3366FF) !important;
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.wpd-wrapper .wpd-bulk-desc {
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
  font-size: 12px !important;
  font-style: normal !important;
  color: var(--sc-ref-gray-700, #71717A) !important;
  margin-top: 4px !important;
}

/* 10. Post Rating Widget & Layout Compatibility */
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value {
  background-color: var(--sc-accent-container, #EEF4FF) !important;
  border: 0 !important;
  border-radius: var(--sc-radius-sm, 8px) !important;
  height: 50px !important;
  width: 50px !important;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrv,
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrc {
  color: var(--sc-on-accent-container, #0038A8) !important;
  font-family: var(--sc-font, IRANYekanX, Tahoma, sans-serif) !important;
}

.comments-area {
  width: auto;
}