/**
 * Stele SVG proporționale și număr de recenzii — componentă comună, versiunea 2.0.4.
 * FIȘIER: assets/css/rating.css; markup: src/Frontend/RatingMarkup.php.
 *
 * IMPORTANT: umplerea este geometrie generată în PHP, nu width pe un șir de caractere.
 * CSS-ul stabilește doar dimensiunea, culoarea și poziția. Nu există font de pictograme,
 * clipPath cu ID reutilizabil, animație de umplere sau dependență de JavaScript.
 * Spațiile dintre cele cinci SVG-uri nu intră în calculul procentului unei stele.
 *
 * Nu sunt folosite clasele globale WooCommerce .star-rating / .rating, pentru a păstra
 * formularul de evaluare și componentele native neafectate. Media numerică nu este
 * generată în HTML-ul vizibil; rămâne disponibilă exclusiv în etichetele accesibile.
 *
 * DEPANARE: la rating 4,9, SVG-ul cinci are data-rer-fill="90.000000", iar poligonul
 * colorat are x maxim 21,6 din 24. Dacă acesta este corect, dar pagina arată versiunea
 * veche, goliți cache-ul HTML/CSS. Nu corectați prin width:100% sau stele hardcodate.
 */
.rer-rating-summary {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	min-width: 0;
	color: var(--wd-text-color, #6a6a6a);
	line-height: 1.25;
	vertical-align: middle;
}
.rer-rating-summary__details {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	min-width: 0;
}
.rer-rating-summary__count {
	font-size: 13px;
	white-space: nowrap;
}
.rer-rating-stars {
	--rer-star-size: 22px;
	display: inline-flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 2px;
	flex: 0 0 auto;
	width: max-content;
	max-width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1;
	letter-spacing: 0;
	vertical-align: middle;
	direction: ltr;
	color: var(--wd-primary-color, #d65a35);
}
.rer-rating-stars > .rer-rating-stars__star {
	display: block;
	flex: 0 0 var(--rer-star-size);
	width: var(--rer-star-size);
	min-width: var(--rer-star-size);
	max-width: none;
	height: var(--rer-star-size);
	min-height: var(--rer-star-size);
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
	overflow: visible;
}
.rer-rating-stars__star > .rer-rating-stars__shape--empty {
	fill: var(--wd-empty-star-color, #ccc);
	stroke: none;
}
.rer-rating-stars__star > .rer-rating-stars__shape--filled {
	fill: currentColor;
	stroke: none;
}
.rer-rating-summary--compact .rer-rating-stars { --rer-star-size: 20px; }
.rer-rating-summary--compact .rer-rating-summary__details { align-items: center; gap: 4px; }
.rer-rating-summary--compact .rer-rating-summary__count { font-size: 11px; }
.rer-review__stars .rer-rating-stars { --rer-star-size: 18px; }
@media (max-width: 380px) {
	.rer-rating-summary--compact .rer-rating-stars { --rer-star-size: 18px; }
}