/**
 * KRC Reviews — doar componenta de stele + widgetul din listing.
 * Se încarcă GLOBAL (listing/home); restul stilurilor (krcreviews.css)
 * se încarcă doar pe pagina de produs. Regulile de aici au fost MUTATE
 * din krcreviews.css — nu le duplica acolo.
 */

.star-content {
  margin: 0 0 0 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.star-content div.star,
.star-content div.star-on,
.star-content div.star-hover {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/stars.png) no-repeat 0 0 transparent;
  flex: auto;
  margin-left: 3px;
}
.star-content div.star-on,
.star-content div.star-hover {
  background-position: -24px 0;
}

.small-stars .star-content div.star,
.small-stars .star-content div.star-on,
.small-stars .star-content div.star-hover {
  background: url(../img/small_stars.png) no-repeat 0 0 transparent;
  width: 16px;
  height: 16px;
  margin-left: 2px;
}

.small-stars .star-content div.star-on,
.small-stars .star-content div.star-hover {
  background-position: -19px 0;
}

.star-content div.star-hover {
  cursor: pointer;
}

.grade-stars {
  position: relative;
  height: 20px;
  min-width: 120px;
  display: inline-block;
}

.grade-stars.small-stars {
  min-width: 100px;
}

.grade-stars .star-content {
  position: absolute;
  top: 3px;
  left: 0;
}

/* Widget listing, randat server-side din tabelul sumar.
   visibility: visible = override defensiv peste tema Warehouse
   (productcomments.css:515 pune hidden; vechiul JS o făcea vizibilă). */
.product-list-reviews {
  visibility: visible;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  padding: 4px 0;
}

.product-list-reviews .grade-stars .star-content {
  top: 1px;
}

.product-list-reviews .comments-nb {
  margin-left: 5px;
  font-size: 13px;
}

/* Stele statice server-side (krc-stars-static.tpl) + blocul de lângă preț.
   Stau în GLOBAL: se folosesc și în listing. Culorile sunt duplicate ca
   atribut SVG (corecte și fără CSS). Accentul temei se ia cu fallback, deci
   modulul rămâne portabil. Jumătatea de stea stă pe gradient: `fill` ar rupe
   url(#...), se colorează prin stop. */
.krc-stars-static { display: inline-flex; align-items: center; gap: 1px; line-height: 0; vertical-align: middle; }
.krc-stars-static .krc-star { display: block; flex: 0 0 auto; width: 18px; height: 18px; }
.krc-stars-static--xs .krc-star { width: 12px; height: 12px; }
.krc-stars-static--sm .krc-star { width: 16px; height: 16px; }
.krc-stars-static--lg .krc-star { width: 26px; height: 26px; }
.krc-star--full path { fill: var(--c-accent, #E50F1E); }
.krc-star--half .krc-star-stop-on { stop-color: var(--c-accent, #E50F1E); }
.krc-star--empty path { fill: #dcdcdc; }
.krc-product-rating { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 8px; color: inherit; text-decoration: none; }
.krc-product-rating:hover, .krc-product-rating:focus { color: inherit; text-decoration: none; }
.krc-product-rating:hover .krc-product-rating-text { text-decoration: underline; }
.krc-product-rating-text { font-size: 13px; line-height: 1.2; color: #7a7a7a; }
/* Nota numerică de lângă stele, pe pagina de produs. Gap-ul de 8px al lui
   .krc-product-rating e prea mare între notă și text („5.0  (2 recenzii)"),
   de aceea marginea negativă — nota și numărul de recenzii citesc ca un grup. */
.krc-product-rating-grade { font-size: 15px; font-weight: 700; line-height: 1.2; color: #1a1a1a; margin-right: -4px; }