/**
 * Reggal Reviews — Badge shortcode styles.
 *
 * Standalone CSS for [reggal_badge] shortcode.
 * Loads independently of frontend.css.
 */

/* Container */
.rr-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
}

/* Avatars strip — overlapping circles */
.rr-badge__avatars {
	display: flex;
	flex-shrink: 0;
}

.rr-badge__avatar {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 700;
	font-size: inherit;
	letter-spacing: 0.5px;
	line-height: 1;
	border: 2px solid #fff;
	margin-left: -10px;
	position: relative;
}

.rr-badge__avatar:first-child {
	margin-left: 0;
}

/* Stack order: first avatar on top */
.rr-badge__avatar:nth-child(1) { z-index: 4; }
.rr-badge__avatar:nth-child(2) { z-index: 3; }
.rr-badge__avatar:nth-child(3) { z-index: 2; }
.rr-badge__avatar:nth-child(4) { z-index: 1; }

/* Info block */
.rr-badge__info {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
}

/* Rating row */
.rr-badge__rating {
	display: flex;
	align-items: center;
	gap: 0.35rem;
}

.rr-badge__score {
	font-weight: 700;
	font-size: inherit;
	color: #333;
	line-height: 1;
}

/* Stars */
.rr-badge__stars {
	display: flex;
	align-items: center;
	gap: 1px;
}

.rr-badge .rr-star-icon {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: #f5a623;
	stroke-width: 2;
	stroke-linejoin: round;
}

.rr-badge .rr-star-icon--filled {
	fill: #f5a623;
}

/* Customer count text */
.rr-badge__text {
	font-size: inherit;
	color: #666;
	line-height: 1.2;
	white-space: nowrap;
}