/* Compact star block for product cards (category / search / cross-selling).
   Sits between the product title and the price; intentionally muted so
   it never competes with the price for attention. Hidden when the
   product has no published review (handled in the template). */

.review-card-stars {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 1;
  color: #777;
  margin: 4px 0 6px;
}

.review-card-stars__icons {
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1;
}

.review-card-stars__star {
  color: #c4c4c4;
}

.review-card-stars__star.on {
  color: #f59e0b;
}

.review-card-stars__count {
  font-variant-numeric: tabular-nums;
}

/* Half-star rating — shared review/_stars.html partial (ONE star renderer for
   every surface: product cards + product fiche). The star is a rounded SVG
   painted through a CSS mask, so the glyph is identical on every OS instead of
   the platform-dependent Unicode ★ (which looked "cheap"). Grey base layer +
   orange overlay clipped to the rating width (rounded to the nearest
   half-star). Size follows font-size: each star is 1em, the row is 5em wide. */
.rev-stars {
  /* Star glyph lifted from Leroy Merlin's icon kit (ui_star-filled_20): a star
     whose tips and valleys are rounded with bézier curves — exactly the soft,
     legible look the ticket asks for. Fill-only (the roundness is in the path),
     evenodd like the source. */
  --rev-star: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cpath%20fill-rule='evenodd'%20d='M10.6866%203.03184c-.1196-.27269-.3891-.44883-.6869-.44883-.29775%200-.56731.17614-.68687.44883L7.47899%207.21428l-4.25748.64022c-.2899.0436-.52783.2521-.60909.53378-.08126.28167.00905.58487.23118.77618l3.30846%202.84934-1.2095%204.4561c-.08141.2999.0306.619.28164.8022.25104.1833.58908.1927.84993.0237l3.92557-2.5429%203.9256%202.5429c.2608.169.5989.1596.8499-.0237.251-.1832.3631-.5023.2816-.8022l-1.2094-4.4561%203.3084-2.84934c.2221-.19131.3124-.49451.2312-.77618-.0813-.28168-.3192-.49018-.6091-.53378l-4.2575-.64022-1.8338-4.18244Z'%20fill='%23000'/%3E%3C/svg%3E");
  position: relative;
  display: inline-block;
  width: 5em;
  height: 1em;
  line-height: 1;
  vertical-align: -0.125em;
  white-space: nowrap;
}
.rev-stars__base,
.rev-stars__fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-mask-image: var(--rev-star);
  mask-image: var(--rev-star);
  -webkit-mask-size: 1em 1em;
  mask-size: 1em 1em;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
}
.rev-stars__base {
  width: 100%;
  background-color: #c4c4c4;
}
.rev-stars__fill {
  width: var(--rev-fill, 0%);
  overflow: hidden;
  background-color: #ff8e4f;
}

/* Methodology link (1.8) — same partial used from every avis surface.
   Default tone for light backgrounds; the `--dark` modifier flips it
   for the home trust banner. */

.review-methodology-link {
  font-size: 12px;
  color: #78716c;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.review-methodology-link:hover,
.review-methodology-link:focus {
  color: #1c1917;
}

.review-methodology-link--dark {
  color: #a8a29e;
}

.review-methodology-link--dark:hover,
.review-methodology-link--dark:focus {
  color: #fef3c7;
}