/* =========================
   STAR RATING (generic)
========================= */

.star-rating {
	display: flex;
	align-items: center;
	gap: 10px;
}

.star-rating-stars {
	display: inline-flex;
	gap: 2px;

	/* the stars are text: no selection highlight while clicking */
	user-select: none;
}

.star-rating-star {
	font-size: 26px;
	line-height: 1;

	color: #d1d5db;
	cursor: pointer;

	transition: color 0.12s ease, transform 0.12s ease;
}

.star-rating-star.filled {
	color: #f59e0b;
}

.star-rating:not(.readonly) .star-rating-star:hover {
	transform: scale(1.15);
}

.star-rating-label {
	font-size: 14px;
	color: #6b7280;
}

/* =========================
   READONLY (public viewer)
========================= */

.star-rating.readonly .star-rating-star {
	cursor: default;
	font-size: 20px;
}

.star-rating.readonly .star-rating-label {
	font-size: 13px;
}