/* ==========================================================================
   1) تنسيقات ملخص تقييم المنتجات
   ========================================================================== */

.aa-wd-rating-summary-wrap {
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
    direction:rtl;
}
/* تعريض قسم الأشرطة وتقليل قسم الرقم */
.aa-wd-rating-summary {
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:95px minmax(0, 1fr) !important;
    align-items:center;
    gap:14px !important;
    padding:0;
    margin:0;
    background:transparent;
    border:0;
    box-shadow:none;
    box-sizing:border-box;
    font-family:"Tajawal", Arial, Helvetica, sans-serif;
}
/* تقليل عرض بلوك الرقم */
.aa-wd-rating-summary .wd-rating-summary-heading {
    width:95px !important;
    min-width:95px !important;
    max-width:95px !important;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:6px;
    box-sizing:border-box;
}
.aa-wd-rating-summary .wd-rating-summary-main {
    color:#1B1E36;
    font-size:54px;
    font-weight:800;
    line-height:1;
    letter-spacing:-1px;
    margin:0;
    padding:0;
}
.aa-wd-rating-summary .wd-rating-summary-total {
    color:#667085;
    font-size:13px;
    font-weight:600;
    line-height:1.4;
    margin:0;
    padding:0;
}
/* إزاحة النجوم التي تحت الرقم لليسار */
.aa-wd-rating-summary .wd-rating-summary-heading > .star-rating {
    transform:translateX(-7px) !important;
}
/* جعل قسم الأشرطة يأخذ المساحة الأكبر */
.aa-wd-rating-summary .wd-rating-summary-cont {
    width:100% !important;
    max-width:100% !important;
    display:flex;
    flex-direction:column;
    gap:8px;
    min-width:0;
    box-sizing:border-box;
}
/* تعريض شريط التقييم نفسه */
.aa-wd-rating-summary .wd-rating-summary-item {
    width:100%;
    display:grid;
    grid-template-columns:78px minmax(0, 1fr) 22px !important;
    align-items:center;
    gap:10px;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.aa-wd-rating-summary .wd-rating-label {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-width:0;
}
.aa-wd-rating-summary .star-rating {
    position:relative;
    display:inline-block;
    width:76px;
    height:17px;
    line-height:17px;
    font-size:13px;
    letter-spacing:1px;
    overflow:hidden;
    margin:0;
    padding:0;
    color:#D7DDE5;
    font-family:star;
    text-align:right;
}
.aa-wd-rating-summary .star-rating:before {
    content:"★★★★★";
    position:absolute;
    top:0;
    right:0;
    left:auto;
    color:#D7DDE5;
    line-height:17px;
}
.aa-wd-rating-summary .star-rating span {
    position:absolute;
    top:0;
    right:0;
    left:auto;
    height:100%;
    overflow:hidden;
    font-size:0;
    line-height:17px;
    color:#EABE12;
}
.aa-wd-rating-summary .star-rating span:before {
    content:"★★★★★";
    position:absolute;
    top:0;
    right:0;
    left:auto;
    font-size:13px;
    line-height:17px;
    color:#EABE12;
}
.aa-wd-rating-summary .wd-rating-progress-bar, .aa-wd-rating-summary .wd-progress-bar {
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.aa-wd-rating-summary .progress-area {
    width:100%;
    height:7px;
    background:#EEF1F5;
    border-radius:999px;
    overflow:hidden;
    position:relative;
}
/* لون الشريط الممتلئ نفس لون النجوم */
.aa-wd-rating-summary .progress-bar {
    height:100%;
    background:#EABE12 !important;
    border-radius:999px;
    display:block;
}
.aa-wd-rating-summary .wd-rating-count {
    color:#667085;
    font-size:13px;
    font-weight:700;
    line-height:1;
    text-align:center;
    min-width:20px;
}
/* تنسيق الجوال فقط - الظهور يبقى في كل الشاشات */
@media (max-width:767px) {
    .aa-wd-rating-summary {
        grid-template-columns:95px minmax(0, 1fr) !important;
        gap:14px !important;
        width:100%;
        max-width:100%;
        align-items:center;
    }
    /* إزاحة بلوك الرقم والنجوم و 1 تقييم للأسفل 2px في الجوال فقط */
    .aa-wd-rating-summary .wd-rating-summary-heading {
        width:95px !important;
        min-width:95px !important;
        max-width:95px !important;
        transform:translateY(2px) !important;
        gap:4px;
    }
    .aa-wd-rating-summary .wd-rating-summary-main {
        font-size:38px;
        line-height:.95;
    }
    /* جعل سمك نص 1 تقييم = 400 */
    .aa-wd-rating-summary .wd-rating-summary-total {
        font-size:11px;
        font-weight:400 !important;
        white-space:nowrap;
    }
    .aa-wd-rating-summary .wd-rating-summary-cont {
        width:100% !important;
        max-width:100% !important;
        gap:6px;
    }
    .aa-wd-rating-summary .wd-rating-summary-item {
        grid-template-columns:78px minmax(0, 1fr) 22px !important;
        gap:7px;
    }
    .aa-wd-rating-summary .star-rating {
        width:62px;
        height:15px;
        line-height:15px;
        font-size:11px;
        letter-spacing:.5px;
    }
    .aa-wd-rating-summary .star-rating:before, .aa-wd-rating-summary .star-rating span:before {
        font-size:11px;
        line-height:15px;
    }
    .aa-wd-rating-summary .progress-area {
        height:6px;
    }
    .aa-wd-rating-summary .wd-rating-count {
        font-size:11px;
        min-width:16px;
    }
}