/* SI FPR – Rating UI (GrandDeals / bol-like)
Applies to [si_product_rating] + breakdown.
*/

.si-fpr-rating{
	display:inline-flex;
	align-items:center;
	gap:10px;
	line-height:1;
	font-size: var(--si-fpr-size, 14px);
}
.si-fpr-rating.is-compact{gap:8px}

.si-fpr-stars{
	position:relative;
	display:inline-block;
	line-height:1;
	letter-spacing:0;
	white-space:nowrap;
	font-size: var(--si-fpr-size, 14px);
}
.si-fpr-stars__bg{ color: rgba(17,17,17,.22); }
.si-fpr-stars__fg{
	position:absolute;
	left:0; top:0;
	overflow:hidden;
	white-space:nowrap;
	color:#FFB700;
}
.si-fpr-star{
	display:inline-block;
	transform: translateY(-1px);
}
.si-fpr-star.is-filled{ color:#FFB700; } /* bol yellow */
.si-fpr-star.is-empty{ color: rgba(17,17,17,.22); }

.si-fpr-rating-link{ color:inherit; text-decoration:none; }
.si-fpr-rating-link:hover .si-fpr-score{ text-decoration:underline; }
.si-fpr-rating-link:hover .si-fpr-count{ text-decoration:underline; }


.si-fpr-score{
	font-weight:800;
	color:#111;
	font-size: var(--si-fpr-size, 14px);
}
.si-fpr-count{
	opacity:.75;
	font-size: max(12px, calc(var(--si-fpr-size, 14px) - 1px));
	color: #111111;
	font-weight: 600;
}

/* Breakdown */
.si-fpr-breakdown{
	display:grid;
	gap:8px;
	margin:10px 0;
}
.si-fpr-row{
	display:grid;
	grid-template-columns: 24px 1fr 34px;
	gap:10px;
	align-items:center;
	font-size:14px;
}
.si-fpr-row__label{font-weight:700;color:#111;text-align:right}
.si-fpr-row__bar{
	height:10px;
	background: rgba(17,17,17,.08);
	border-radius:999px;
	overflow:hidden;
	position:relative;
}
.si-fpr-row__fill{
	position:absolute; inset:0 auto 0 0;
	background: rgba(255,183,0,.95);
	border-radius:999px;
}
.si-fpr-row__count{opacity:.75;text-align:right;font-variant-numeric:tabular-nums}


.si-fpr-outof{
	font-weight:700;
	color:#111;
	font-size: var(--si-fpr-size, 14px);
	opacity:.9;
	margin-left:-4px;
}