/* =========================
   FORM (Rating + Inputs)
========================= */
.mmcr-wrap{
  direction: rtl !important;
  font-family: yekanbakh, sans-serif !important;
  padding: 0 !important;
  margin-top: 18px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.mmcr-head{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-bottom: 12px !important;
}

.mmcr-head__title{
  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;
  line-height: 1.8 !important;
}

.mmcr-rating{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.mmcr-rating__text{
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;
  white-space: nowrap !important;
}

.mmcr-stars{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.mmcr-star{
  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  cursor: pointer !important;
  width: 20px !important;
  height: 20px !important;
}

.mmcr-star__img{
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

.mmcr-form{
  margin-top: 0 !important;
}

.mmcr-row{
  display: flex !important;
  gap: 12px !important;
}

.mmcr-row--two{
  flex-wrap: wrap !important;
}

.mmcr-input{
  background: #F0F0F0 !important;
  width: 49.4% !important;
  height: 56px !important;
  border-radius: 8px !important;

  padding-top: 15px !important;
  padding-right: 16px !important;
  padding-bottom: 15px !important;
  padding-left: 16px !important;

  border: 0 !important;
  outline: none !important;

  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;
}

.mmcr-input::placeholder{
  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;
}

.mmcr-row--textarea{
  position: relative !important;
  margin-top: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.mmcr-textarea{
  width: 100% !important;
  max-width: 100% !important;
  height: 188px !important;
  border-radius: 8px !important;
  padding: 16px !important;

  background: #F0F0F0 !important;
  border: 0 !important;
  outline: none !important;
  resize: none !important;

  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;

  padding-bottom: 70px !important;
}

.mmcr-textarea::placeholder{
  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;
}

/* Submit: چسبیده پایین چپ + متن وسط + border سفید بالا/راست */
.mmcr-submit{
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;

  width: 124px !important;
  height: 44px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;

  background: #242037 !important;
  color: #FFF !important;
  border: 0 !important;
  cursor: pointer !important;

  border-radius: 0 !important;
  border-bottom-left-radius: 8px !important;

  border-top: 8px solid #FFFFFF !important;
  border-right: 12px solid #FFFFFF !important;

  box-sizing: border-box !important;
}

/* Reply title on form */
.mmcr-replying{
  font-family: yekanbakh, sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #1E2023 !important;
  margin-bottom: 10px !important;
}

/* =========================
   LIST (Comments + Replies)
========================= */
.mmcr-list{
  direction: rtl !important;
  font-family: yekanbakh, sans-serif !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 18px !important;
}

.mmcr-empty{
  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;
}

.mmcr-c{
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom:25px;
}

.mmcr-c--reply{
  padding-right: 24px !important;
  padding-left: 12px !important;
  box-sizing: border-box !important;
  margin-top: 25px !important;
}

/* خط پاسخ: 12px فاصله تا محتوا */
.mmcr-reply-line{
  width: 119px !important;
  height: 0px !important;
  border-top: 1px solid #1E2023 !important;
  opacity: 1 !important;
  transform: rotate(-90deg) !important;
  transform-origin: right top !important;

  margin: 0 -10px 16px 12px !important; /* چپ=12 برای فاصله با محتوا */
}



.mmcr-c__top{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.mmcr-c__left{
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
}

.mmcr-c__date{
  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;
  white-space: nowrap !important;
}

.mmcr-c__dot{
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: #D6D6D6 !important;
  flex: 0 0 4px !important;
}

.mmcr-c__name{
  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.mmcr-c__rate{
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.mmcr-c__rate-text{
  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;
  white-space: nowrap !important;
}

.mmcr-c__sep{
  width: 0px !important;
  height: 20px !important;
  border: 1px solid #D6D6D6 !important;
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.mmcr-c__star{
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

.mmcr-c__text{
  margin-top: 10px !important;
  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;
  line-height: 1.9 !important;
}

.mmcr-c__text p{
  margin: 0 !important;
}

.mmcr-c__bottom{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 12px !important;
  gap: 12px !important;
}

.mmcr-reply-btn{
  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
}

.mmcr-reply-btn__text{
  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;
}

.mmcr-reply-btn__icon{
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

.mmcr-votes{
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

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

.mmcr-vote:disabled{
  cursor: default !important;
  opacity: 1 !important;
}

.mmcr-vote__count{
  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;
  min-width: 10px !important;
  text-align: center !important;
}

.mmcr-vote__icon{
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

.mmcr-vote__divider{
  width: 0px !important;
  height: 14px !important;
  border: 1px solid #D6D6D6 !important;
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.mmcr-vote.is-selected .mmcr-vote__count{
  color: #1E2023 !important;
}

.mmcr-c__after{
  margin-top: 32px !important;
}

.mmcr-c__hr{
  width: 100% !important;
  max-width: 100% !important;
  height: 0px !important;
  border: 1px solid #D6D6D6 !important;
}

@media (max-width: 920px){
  .mmcr-input{
    width: 100% !important;
  }

  .mmcr-row--textarea{
    width: 100% !important;
  }

  .mmcr-textarea{
    width: 100% !important;
  }

  .mmcr-list,
  .mmcr-c,
  .mmcr-c__hr{
    width: 100% !important;
  }
}
.mmcr-msg{
  font-family: yekanbakh, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #808080 !important;
  margin-bottom: 10px !important;
}

.mmcr-msg[data-ok="0"]{
  color: #B00020 !important;
}
.mmcr-summary{
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  direction: rtl !important;
}

.mmcr-summary__icon{
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

.mmcr-summary__avg{
  margin-right: 5px !important; /* فاصله 5 */
  font-family: yekanbakh, sans-serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  color: #1E2023 !important;
  line-height: 1 !important;
}

.mmcr-summary__count{
  margin-right: 8px !important;
  font-family: yekanbakh, sans-serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  color: #808080 !important;
  line-height: 1 !important;
}

