/*
 * Rating (Rating.jsx dell'oracolo). Uso reale: shortcode [fm_product_rating]
 * (PDP, taglia md) e hook woocommerce_after_shop_loop_item_title sulla card
 * del catalogo (taglia sm) — NON il blocco woocommerce/product-rating,
 * corretto 2026-08-02: quel blocco è sempre vuoto su questo sito per una scelta
 * deliberata (wc_reviews_enabled() false), non un bug, e la fonte vera delle
 * valutazioni è il plugin CusRev, che scrive recensioni WooCommerce native lette
 * comunque da get_average_rating()/get_review_count() a prescindere da
 * quell'opzione. Markup nostro, non del blocco: un solo <span> con la
 * percentuale già calcolata in PHP nella custom property --fm-rating-pct,
 * stessa tecnica a doppio strato dell'oracolo (5 stelle Unicode piene, colore
 * neutro sotto via ::before + overlay ritagliato via overflow:hidden sopra,
 * colore accento, ::after) ma su pseudo-elementi invece di due <span> figli
 * reali, dato che ora controlliamo noi il markup e non serve replicare la
 * struttura interna dell'oracolo 1:1.
 */
.fm-rating {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}
.fm-rating-stars {
	position: relative;
	display: inline-flex;
	line-height: 1;
	font-size: var(--wp--custom--rating-star-size--md);
	letter-spacing: 1px;
}
.fm-rating.is-size-sm .fm-rating-stars {
	font-size: var(--wp--custom--rating-star-size--sm);
}
.fm-rating-stars::before {
	content: "★★★★★";
	color: var(--wp--preset--color--ink-200);
}
.fm-rating-stars::after {
	content: "★★★★★";
	position: absolute;
	top: 0;
	left: 0;
	width: var(--fm-rating-pct);
	overflow: hidden;
	white-space: nowrap;
	color: var(--wp--preset--color--flash-orange);
}

.fm-rating-count {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--xs);
	color: var(--wp--custom--text-muted);
}