/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* -------------------------------------------------------------------------
 * WPRM rating stars — Jessie Daye
 * ---------------------------------------------------------------------- */

:root {
	/* Single 5-point star, URL-encoded SVG. Replace the `d` attribute with
	   WPRM's own star path if you want exact glyph parity with the recipe card. */
	--jd-star-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01L12 2z'/%3E%3C/svg%3E");

	/* Single point of change if the ACSS slot remap shifts these tokens. */
	--jd-star-on: var(--accent);
	--jd-star-off: var(--neutral-light);
}

.bg--primary .jd-stars {
	--jd-star-on: var(--base);
	--jd-star-off: rgba(255, 255, 255, 0.25);
}

.jd-stars {
	display: inline-block;
	flex: none;
	inline-size: 6.25em;   /* 5 × 1.25em */
	block-size: 1.25em;
	vertical-align: -0.2em;

	background: linear-gradient(
		90deg,
		var(--jd-star-on) var(--jd-star-pct, 0%),
		var(--jd-star-off) var(--jd-star-pct, 0%)
	);

	-webkit-mask: var(--jd-star-mask) repeat-x left center / 1.25em 1.25em;
	mask: var(--jd-star-mask) repeat-x left center / 1.25em 1.25em;
}