/* ==========================================================================
   rating-stars.css — نجوم التقييم (Rating stars)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   تستخدم حرف يونيكود ★ مع تبديل اللون عبر CSS (لا أنصاف نجوم حاليًا).
   WC-NOTE: wc_get_rating_html() / تقييمات المنتج
   مثال HTML:
     <span class="rating">
       <span class="rating__stars">
         <span class="rating__star is-full">★</span>
         <span class="rating__star is-full">★</span>
         <span class="rating__star is-full">★</span>
         <span class="rating__star is-full">★</span>
         <span class="rating__star">★</span>
       </span>
       <span class="rating__count">(312 تقييم)</span>
     </span>
   ========================================================================== */

.rating {
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
}

.rating__stars {
  display: inline-flex;
  gap: var(--space-4);
  font-size: var(--fs-base);
  line-height: 1;
}

/* النجمة الفارغة (Empty star) — اللون الافتراضي */
.rating__star {
  color: var(--color-border-strong);
}

/* النجمة الممتلئة (Full star) */
.rating__star.is-full {
  color: var(--color-star);
}

/* نصف نجمة (Half star) — نصف ذهبي عبر قصّ التدرّج على النص */
.rating__star.is-half {
  background: linear-gradient(90deg, var(--color-star) 50%, var(--color-border-strong) 50%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* عدد التقييمات (Count) */
.rating__count {
  color: var(--color-text-muted);
  font-size: var(--fs-2xs);
}