/* إخفاء التقييم اللي فوق الصورة فقط */
.s-product-card-image .s-product-card-rating {
    display: none !important;
}

/* تنسيق التقييم الجديد تحت */
.custom-rating-below {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin-top: 6px;
    font-size: 14px;
    color: #f5b301;
}

.custom-rating-below{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

.custom-rating-below .stars{
    display: flex !important;
    flex-direction: row !important;
    white-space: nowrap !important;
}

.custom-rating-below .rating-number{
    color: #000 !important;
}

.s-product-card-add-to-cart button,
.s-product-card-add-to-cart .s-button-element{
    font-size: 0 !important;
}


button.s-button-element {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: auto !important;
    width: auto !important;
    height: auto !important;
}

button.s-button-element .s-button-text {
    font-size: 0 !important;
}

button.s-button-element i {
    font-size: 16px !important;
    color: #000 !important;
    margin: 0 !important;
}

.s-product-card-add-to-cart,
.s-product-card-add-to-cart button {
    width: auto !important;
}







/* نخلي الحاوية اللي فيها السعر + السلة صفين */
.s-product-card-content {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    row-gap: 8px !important;
}

/* السعر */
.s-product-card-content-sub {
    grid-column: 1 / 2 !important;
    display: flex !important;
    align-items: center !important;
}

/* زر السلة */
.s-product-card-content .w-full {
    grid-column: 2 / 3 !important;
    width: auto !important;
    margin: 0 !important;
}





.s-product-card-content-sub.justify-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-rating-below {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 6px;
}

.custom-rating-below .rating-number {
    font-size: 12px;
    color: #777;
}






/* سحب التقييمات لليسار */
.custom-rating-below {
    display: flex !important;
    justify-content: flex-start !important; /* يسار */
    width: 100% !important;
    gap: 3px;
    
    /* رفع التقييم لفوق */
    transform: translateY(-4px); 
    
    /* تقليل المسافة بينه وبين السعر */
    margin-top: 0px !important;
    padding-left: 4px !important; /* أهم سطر لتحريكها يسار */
}

/* حجم النجوم */
.custom-rating-below svg {
    width: 13px !important;
    height: 13px !important;
}

/* شكل الرقم */
.custom-rating-below .rating-number {
    font-size: 11px !important;
    color: #666 !important;
}

.custom-rating-below {
    transform: translateY(-12px) !important;  /* يرفع التقييمات فوق */
    margin-top: 0 !important;
}




/* تكبير النجوم وتغيير لونها */
.custom-rating-below svg {
    width: 15px !important;   /* حجم النجمة */
    height: 15px !important;
    fill: #ffcc00 !important; /* لون النجوم (ذهبي فاتح) */
}

/* تحسين شكل رقم التقييم */
.custom-rating-below .rating-number {
    font-size: 12px !important;
    color: #444 !important;   /* لون أنعم */
    font-weight: 500;
}



/* رفع زر السلة في المنتجات اللي ما فيها تقييم */
.s-product-card-entry:not(:has(.custom-rating-below)) .s-product-card-content-footer {
    margin-top: -10px !important; /* ارفع أو نزل الرقم حسب اللي يناسبك */
}