/* ==========================================================================
   HEDONA RATING — zvezdice + broj recenzija na kartici proizvoda
   Samo hd-* tokeni, radi u obe teme. Prikazuje se samo kad PHP sloj (vidi
   class-hedona-rating.php) odluči da proizvod ima bar jednu recenziju —
   ovaj fajl samo stilizuje ono što je već tu, ne odlučuje da li da se prikaže.
   ========================================================================== */

.hedona-rating {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 1px 0 0;
  line-height: 1;
}

/* Red od 5 zvezdica: pozadinski red (obris, --hd-line) i preko njega zlatni red
   isečen na procenat ocene preko overflow:hidden — bez JS-a, bez pet SVG fajlova. */
.hedona-rating__stars {
  position: relative;
  display: inline-block;
  width: 88px;
  height: 16px;
  flex: none;
}
.hedona-rating__stars svg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.hedona-rating__bg { color: var(--hd-line); }
.hedona-rating__fg {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 0; /* inline style iz PHP-a postavlja stvarni procenat */
  overflow: hidden;
}
.hedona-rating__fg-svg { color: var(--hd-gold); }

.hedona-rating__count {
  font-size: 12px;
  color: var(--hd-muted);
  font-variant-numeric: tabular-nums;
}

/* Namerno bez responsivnog smanjenja širine .hedona-rating__stars: i pozadinski i
   zlatni red dele isti fiksni piksel-razmer (88×16, iz atributa u SVG markupu) da bi
   isecanje zlatnog reda preko procenta (.hedona-rating__fg) ostalo tačno — da se
   skalira samo kontejner, zvezdice bi se razvukle umesto da se iseku na pola. */