/*
 * Pixelwire Post Ratings -- theme-agnostic widget styles.
 * Uses its own CSS custom property (--pw-ratings-accent) for the star
 * color so any theme can override it with one line instead of fighting
 * specificity; falls back to a plain gold if nothing sets it.
 */
.pw-ratings {
	--pw-ratings-accent: #f0b400;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	font-family: inherit;
}

.pw-ratings__stars {
	display: inline-flex;
	gap: 2px;
	line-height: 1;
}

.pw-ratings__star {
	background: none;
	border: none;
	margin: 0;
	padding: 0 1px;
	font-size: 22px;
	line-height: 1;
	color: #d0d0d5;
	cursor: pointer;
	transition: color .12s ease, transform .12s ease;
}

.pw-ratings__star:hover,
.pw-ratings__star:focus-visible,
.pw-ratings__star.is-hover {
	color: var(--pw-ratings-accent);
	transform: scale(1.08);
}

.pw-ratings__star.is-active {
	color: var(--pw-ratings-accent);
}

.pw-ratings__star:disabled {
	cursor: default;
	opacity: .6;
	transform: none;
}

.pw-ratings__summary {
	font-size: 13px;
	color: #6b6b72;
	display: inline-flex;
	align-items: baseline;
	gap: 5px;
}

.pw-ratings__average {
	font-weight: 700;
	color: inherit;
}

.pw-ratings__message {
	flex-basis: 100%;
	margin: 0;
	font-size: 12px;
}

.pw-ratings__message:empty {
	display: none;
}

.pw-ratings__message.is-error {
	color: #c8102e;
}

.pw-ratings__message.is-success {
	color: #2a8a4a;
}