/* 1. Override Global Color Variables */
:root {
  --color-rating-star: #C1AD7D !important;
  --color-warning: #C1AD7D !important; /* Salla often uses this for stars */
  --s-color-warning: #C1AD7D !important;
}

/* 2. Target the Salla Web Component directly */
salla-rating-stars {
  color: #C1AD7D !important;
  --color-warning: #C1AD7D !important;
  --s-color-warning: #C1AD7D !important;
}

/* 3. Target specific star icons inside components */
.s-rating__star,
.sicon-star,
.sicon-star-full,
.sicon-star-o,
i.sicon-star {
  color: #C1AD7D !important;
}

/* 4. Target SVG fills if they are graphic icons */
salla-rating-stars svg,
.rating-stars svg,
.s-product-card-rating svg {
  fill: #C1AD7D !important;
  color: #C1AD7D !important;
}

/* 5. Force text color for unicode stars */
.s-product-card-rating,
.rating-stars {
  color: #C1AD7D !important;
}