/* Rasid Reviews — Phase 1 storefront styles. Brand: #191919 black, #00C8FF cyan. */

/* 1) Hide-zero: no star/average displays for products with 0 approved reviews. */
body.rasid-rr-zero .rch-rating-line,
body.rasid-rr-zero .rch-rating-summary,
body.rasid-rr-zero .rch-rating-bars,
.rasid-rr-zero .star-rating,
.rasid-rr-zero .woocommerce-product-rating {
	display: none !important;
}

/* Star renderer (shared by summary + footer). */
.rasid-rr-stars {
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 1;
	letter-spacing: 2px;
	white-space: nowrap;
}
.rasid-rr-stars-bg { color: rgba(140, 160, 170, .45); }
.rasid-rr-stars-fg {
	position: absolute;
	inset-inline-start: 0;
	top: 0;
	overflow: hidden;
	color: #00C8FF;
}

/* 2) Summary block below the buy form (lives inside the dark purchase card). */
.rasid-rr-summary {
	margin-top: 12px;
	padding: 12px 14px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 14px;
	background: rgba(255, 255, 255, .05);
	color: #eef6f9;
	max-width: 100%;
}
.rasid-rr-summary-head {
	display: flex;
	align-items: center;
	gap: 9px;
	flex-wrap: wrap;
}
.rasid-rr-summary-avg { font-size: 22px; font-weight: 800; line-height: 1; }
.rasid-rr-summary-count { font-size: 12px; color: #b9cdd6; }
.rasid-rr-summary-bars { margin-top: 10px; display: grid; gap: 4px; }
.rasid-rr-bar-row {
	display: grid;
	grid-template-columns: 34px 1fr 22px;
	align-items: center;
	gap: 8px;
	font-size: 11px;
	color: #b9cdd6;
}
.rasid-rr-bar-row i {
	display: block;
	height: 6px;
	border-radius: 99px;
	background: rgba(255, 255, 255, .12);
	overflow: hidden;
}
.rasid-rr-bar-row i b {
	display: block;
	height: 100%;
	border-radius: 99px;
	background: #00C8FF;
}
.rasid-rr-bar-row small { text-align: end; }
.rasid-rr-summary-link {
	display: inline-block;
	margin-top: 10px;
	font-size: 12px;
	font-weight: 700;
	color: #00C8FF;
	text-decoration: none;
}

/* 3) Footer store-rating line (relocated into <footer> by JS; this is the fallback look). */
.rasid-rr-store-rating {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	flex-wrap: wrap;
	padding: 12px 14px;
	background: #191919;
	color: #d7e3e9;
	font-size: 13px;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, .08);
}
.rasid-rr-store-rating strong { color: #fff; }
.rasid-rr-store-rating .rasid-rr-stars { font-size: 14px; }