.mkhas-mr-wrapper { margin: 15px 0; font-size:13px; }
.mkhas-mr-row { margin-bottom: 10px; }
.mkhas-mr-label { font-weight: 500; }

/* ستاره‌ها: از راست به چپ پر می‌شوند */
.mkhas-mr-stars {
    display:inline-flex;
    flex-direction:row-reverse;
    direction:ltr;
    unicode-bidi:bidi-override;
}
.mkhas-mr-stars .mkhas-star {
    cursor:pointer;
    font-size: 20px;
    padding: 0 2px;
    display:inline-block;
    color:#d7d7d7;
    transition: color 0.2s ease, transform 0.15s ease;
}
.mkhas-mr-stars .mkhas-star:hover {
    transform:scale(1.1);
}
.mkhas-mr-stars .mkhas-star.mkhas-active {
    color:#f6b600;
}

.mkhas-mr-message { margin-top:8px; font-size:11px; }
.mkhas-mr-submit { margin-top:10px; }
.mkhas-mr-count { margin-top:6px; font-size:11px; }

.mkhas-mr-submit button {
    background:#f6b600 !important;
    color:#000 !important;
    border-color:#f6b600 !important;
    font-weight:600;
}
.mkhas-mr-submit button:hover {
    background:#dca400 !important;
    border-color:#dca400 !important;
}

/* حالت عمودی: متن بالا، ستاره زیرش */
.mkhas-mr-wrapper.mkhas-layout-vertical .mkhas-mr-row {
    display:block !important;
}
.mkhas-mr-wrapper.mkhas-layout-vertical .mkhas-mr-label {
    display:block !important;
    margin-bottom:4px;
}

/* حالت افقی و ریسپانسیو: هر معیار یک بلاک افقی (عنوان + ستاره + تعداد رأی) */
.mkhas-mr-wrapper.mkhas-layout-horizontal form,
.mkhas-mr-wrapper.mkhas-layout-responsive form {
    display:block;
    white-space:normal;
}

.mkhas-mr-wrapper.mkhas-layout-horizontal .mkhas-mr-row,
.mkhas-mr-wrapper.mkhas-layout-responsive .mkhas-mr-row {
    display:inline-flex !important;
    flex-direction:row;
    align-items:center;
    gap:8px;
    direction:rtl;
    margin-inline-start:30px;
}

.mkhas-mr-wrapper.mkhas-layout-horizontal .mkhas-mr-row:first-child,
.mkhas-mr-wrapper.mkhas-layout-responsive .mkhas-mr-row:first-child {
    margin-inline-start:0;
}

.mkhas-mr-wrapper.mkhas-layout-horizontal .mkhas-mr-label,
.mkhas-mr-wrapper.mkhas-layout-responsive .mkhas-mr-label {
    display:inline-block !important;
    margin-bottom:0;
    white-space:nowrap;
}

.mkhas-mr-wrapper.mkhas-layout-horizontal .mkhas-mr-stars,
.mkhas-mr-wrapper.mkhas-layout-responsive .mkhas-mr-stars {
    flex-shrink:0;
}

.mkhas-mr-row-count-inline {
    font-size:11px;
    white-space:nowrap;
}

/* موبایل: هر معیار در یک سطر جدا */
@media (max-width: 768px) {
    .mkhas-mr-wrapper.mkhas-layout-horizontal .mkhas-mr-row,
    .mkhas-mr-wrapper.mkhas-layout-responsive .mkhas-mr-row {
        display:flex !important;
        margin-inline-start:0;
    }
}

/* حالت پیش‌فرض اگر کلاس لایوتی نداشت */
.mkhas-mr-wrapper:not(.mkhas-layout-vertical):not(.mkhas-layout-responsive):not(.mkhas-layout-horizontal) .mkhas-mr-row {
    display:inline-flex !important;
    flex-direction:row;
    align-items:center;
    gap:8px;
    direction:rtl;
}