/* =========================================================
   ChloroVit Demo Product Rating Badge
   ========================================================= */

.chv-product-rating-badge {
	--chv-rating-primary: #355b49;
	--chv-rating-accent: #86b766;
	--chv-rating-text: #263b34;
	--chv-rating-muted: #73817b;
	--chv-rating-divider: #d9e1dd;
	--chv-rating-stars-empty: #d7dedb;

	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 16px;
	padding: 0;
	color: var(--chv-rating-text);
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}

.chv-rating-stars {
	position: relative;
	display: inline-block;
	direction: ltr;
	color: var(--chv-rating-stars-empty);
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1;
}

.chv-rating-stars-bg {
	display: block;
	color: var(--chv-rating-stars-empty);
}

.chv-rating-stars-fill {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	color: var(--chv-rating-primary);
	white-space: nowrap;
}

.chv-rating-score {
	color: var(--chv-rating-text);
	font-weight: 700;
}

.chv-rating-separator {
	color: var(--chv-rating-divider);
	font-size: 17px;
	font-weight: 400;
}

.chv-rating-reviews {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--chv-rating-text);
}

.chv-rating-count {
	font-weight: 700;
}

.chv-rating-label {
	color: var(--chv-rating-muted);
	font-weight: 500;
}

/* Arabic layout */
.chv-product-rating-badge--ar {
	gap: 8px;
}

/* Keep stars naturally readable on RTL pages */
.chv-product-rating-badge--ar .chv-rating-stars {
	direction: ltr;
}

/* Mobile */
@media (max-width: 767px) {
	.chv-product-rating-badge {
		gap: 7px;
		margin-bottom: 13px;
		font-size: 13px;
	}

	.chv-rating-stars {
		font-size: 16px;
		letter-spacing: 0.6px;
	}

	.chv-rating-separator {
		font-size: 15px;
	}
}