/* Rating Stars */
.rating {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: var(--color-gray-300);
  font-size: var(--font-size-sm);
}

.rating .star {
  color: var(--color-gray-300);
}

.rating .star.filled {
  color: var(--color-secondary-500); /* Yellow for filled stars */
}

.rating .star.half-filled {
  color: var(--color-secondary-500);
  position: relative;
}

.rating-count {
  margin-left: var(--spacing-2);
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

html[dir="rtl"] .rating-count {
  margin-left: 0;
  margin-right: var(--spacing-2);
}