/**
 * Slot de rating cu aceeași înălțime pe carduri, inclusiv fără recenzii.
 * visibility:hidden păstrează spațiul; niciun display:none și niciun link pentru zero.
 * Numărul de rânduri al titlului și grila 4/2 rămân controlate exclusiv de WoodMart.
 * Debug: .rer-loop-review-count--empty trebuie să aibă același min-height ca slotul plin.
 */
.rer-loop-review-count {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin: 6px 0 8px;
	font-size: 13px;
	line-height: 1.35;
}
.rer-loop-review-count > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	max-width: 100%;
	color: var(--wd-text-color, #4a4a4a);
	text-decoration: none;
}
.rer-loop-review-count > a:hover .rer-rating-summary__count,
.rer-loop-review-count > a:focus-visible .rer-rating-summary__count {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.rer-loop-review-count--empty { visibility: hidden; }
.rer-loop-review-count__placeholder { display: inline-block; min-height: 44px; }

/**
 * 2.0.5 — Rând compact exclusiv în cardurile WooCommerce/WoodMart.
 *
 * Flux: LoopReviewCount -> RatingMarkup::render($summary, true) -> acest CSS.
 * rating.css rămâne comun paginii de produs și cardurilor; suprascriem aici
 * numai componenta --compact din .rer-loop-review-count, nu stelele individuale
 * ale recenziilor sau sumarul din tabul produsului.
 *
 * Stele + număr de recenzii pe același rând, fără modificarea textului sau a
 * calculului. Dimensiunea este jumătate din 2.0.4: 20 -> 10px, iar la maximum
 * 380px, 18 -> 9px. Spațiul dintre stele se reduce proporțional: 2 -> 1px.
 * Nu folosim transform:scale(): dimensiunea efectivă ocupată în layout este mică.
 *
 * Slotul de 44px, zona apăsabilă și spațiul fără recenzii rămân neschimbate;
 * prețurile și butoanele nu se decalează între produse. Umplerea fracționară
 * aparține geometriei SVG generate de RatingMarkup.php și nu este rescrisă.
 *
 * DEPANARE: verificați flex-direction:row și --rer-star-size:10px (9px pe
 * ecrane <=380px) în stilurile calculate. Dacă apar două rânduri sau stele de
 * 20px, verificați catalog.css?ver=2.0.5 și cache-ul paginilor/CSS. Selectorii
 * sunt limitați la plugin și au prioritate față de regulile comune rating.css.
 */
.rer-loop-review-count .rer-rating-summary--compact .rer-rating-summary__details {
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
}
.rer-loop-review-count .rer-rating-summary--compact .rer-rating-stars {
	--rer-star-size: 10px;
	gap: 1px;
}
.rer-loop-review-count .rer-rating-summary--compact .rer-rating-summary__count {
	flex: 0 0 auto;
	white-space: nowrap;
}
@media (max-width: 380px) {
	.rer-loop-review-count .rer-rating-summary--compact .rer-rating-stars {
		--rer-star-size: 9px;
	}
}