/* ============================================================
   Elementor Widget Bundle — Rating & Review Bar
   ============================================================ */

/* ── Outer bar ── */
.ewb-rating-review-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}

/* ── Rating Group wrapper ── */
.ewb-rating-group {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 8px; /* default; overridden by Elementor slider via {{WRAPPER}} */
}

/* ── Rating link (wraps badge or stars when link is set) ── */
.ewb-rating-link {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
}
.ewb-rating-link:hover {
	text-decoration: none;
	opacity: 0.85;
}

/* ======================================================
   STYLE 1 — Number Badge
   ====================================================== */
.ewb-rating-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background-color: #2E7D32;
	color: #ffffff;
	padding: 5px 12px;
	border-radius: 50px;
	font-weight: 600;
	white-space: nowrap;
	line-height: 1;
}

.ewb-rating-badge .ewb-rating-number {
	font-size: 15px;
	line-height: 1;
}

.ewb-rating-badge .ewb-star-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	font-size: 14px;
}

.ewb-rating-badge .ewb-star-icon i {
	display: block;
	line-height: 0;
}

.ewb-rating-badge .ewb-star-icon svg {
	display: block;
	width: 14px;
	height: 14px;
	fill: currentColor;
}

/* ── Review Count (Badge style) ── */
.ewb-review-count {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #333333;
	white-space: nowrap;
}

.ewb-review-count .ewb-count-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	color: #555555;
}

.ewb-review-count .ewb-count-icon i {
	display: block;
	line-height: 0;
}

.ewb-review-count .ewb-count-icon svg {
	display: block;
	fill: currentColor;
}

.ewb-review-count .ewb-count-number {
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
}

/* ======================================================
   STYLE 2 — Star Icons
   ====================================================== */

/* Stars + count label sit in a horizontal row */
.ewb-stars-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
}

/* The individual star icons row */
.ewb-stars-row {
	display: flex;
	align-items: center;
	gap: 2px;
	line-height: 0;
}

.ewb-star {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	font-size: 22px; /* default; overridden by Elementor slider */
}

.ewb-star i {
	display: block;
	line-height: 0;
}

.ewb-star-filled {
	color: #F5A623;
}

.ewb-star-half {
	color: #F5A623;
}

.ewb-star-empty {
	color: #D5D5D5;
}

/* Count label e.g. "(1456 ratings)" */
.ewb-stars-count-label {
	font-size: 14px;
	color: #888888;
	white-space: nowrap;
	line-height: 1;
}

/* ======================================================
   Write a Review
   ====================================================== */
.ewb-write-review {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	color: #333333;
	cursor: pointer;
	white-space: nowrap;
	transition: color 250ms ease;
	line-height: 1;
}

.ewb-write-review:hover {
	color: #2E7D32;
	text-decoration: none;
}

.ewb-write-review .ewb-review-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	font-size: 15px;
}

.ewb-write-review .ewb-review-icon i {
	display: block;
	line-height: 0;
}

.ewb-write-review .ewb-review-icon svg {
	display: block;
	width: 15px;
	height: 15px;
	fill: currentColor;
}

.ewb-write-review .ewb-review-text {
	font-size: 14px;
	line-height: 1;
}

/* ── Responsive ── */
@media (max-width: 767px) {
	.ewb-rating-review-bar {
		flex-wrap: wrap;
		gap: 12px;
	}
}