/*
 * Review stars on product pages, loaded by includes/productReviews.php.
 *
 * Mai pins each review's stars to the top right corner of the review with
 * position:absolute, and critical.css sets position:relative on every
 * .product .star-rating later in the page, so the stars dropped back into the
 * text on top of the reviewer's name. Floated right of the name they stay
 * clear of it at any width. On phones they go above the name instead, which
 * would otherwise be squeezed into a narrow column.
 *
 * The extra .commentlist outranks both of those rules wherever WP Rocket's
 * Remove Unused CSS places this file among them.
 *
 * After changing this file, clear the product pages' Remove Unused CSS entries
 * as well as their cache, or the edit does not show.
 */

.commentlist .comment_container .star-rating {
	position: relative;
	top: auto;
	right: auto;
	float: right;
	margin: 0 0 var(--spacing-xs) var(--spacing-sm);
}

@media only screen and (max-width: 599px) {
	.commentlist .comment_container .star-rating {
		float: none;
		margin: 0 0 var(--spacing-xs);
	}
}