/* 11.6.0-solomax.61: right-to-left copy of sx-reviews.css, generated with rtlcss. Do not edit by hand; edit sx-reviews.css and regenerate. */
/* Product review form (11.6.0-solomax.56): bigger, easier star buttons and a short hint. Loaded on product pages.
 * Stars come from WooCommerce's rating script (p.stars > span > a.star-1…5); the theme draws them in
 * storefront.css at 30px, which is small for a thumb. */
/* One row of five: each star is up to 44px and shares the width evenly on narrow phones (never wraps). */
body.single-product .nt-product-reviews-block p.stars span { display: flex; gap: 4px; flex-wrap: nowrap; width: 100%; max-width: 236px; }
body.single-product .nt-product-reviews-block p.stars a {
	flex: 1 1 0;
	min-width: 0;
	width: auto;
	max-width: 44px;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 12px;
}
body.single-product .nt-product-reviews-block p.stars a::before { font-size: 18px; inset: 0; margin: auto; } /* centred in the box (WooCommerce pins it top-left) */
body.single-product .nt-product-reviews-block p.stars a:focus-visible { outline: 3px solid #C2410C; outline-offset: 2px; }
body.single-product .nt-product-reviews-block .sx-review-hint {
	margin: 0 0 12px;
	color: var(--nt-muted, #6B5E55);
	font-size: .92rem;
	line-height: 1.45;
}
body.single-product .nt-product-reviews-block #review_form textarea { min-height: 120px; }
body.single-product .nt-product-reviews-block #review_form textarea::placeholder { color: #6B5E54; opacity: 1; } /* 6.4:1 on white */
html[data-sx-theme="dark"] body.single-product .nt-product-reviews-block .sx-review-hint { color: #C4B8AD; }
html[data-sx-theme="dark"] body.single-product .nt-product-reviews-block #review_form textarea::placeholder { color: #9C8F83; }
html[data-sx-theme="dark"] body.single-product .nt-product-reviews-block p.stars a:focus-visible { outline-color: #FF9A4D; }
