/* My Account Order View Feedback */
.review-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	box-shadow: var(--shadow-sm);
	padding: 1rem;
	margin-bottom: 2rem;
}
.review-product-image {
	flex-basis: 200px;
}
.review-feedback-display div:first-of-type {
	display: flex;
	gap: 1rem;
}
.comment-form-comment {
	margin-bottom: 1rem;
}
.comment-form-comment textarea {
	min-height: 91px;
}
.submit-review-btn {
	background-color: var(--secondary-brand);
	color: #ffffff;
}

/* Review Stars */
.stars {
	font-size:0;
}
.stars a:before {
	font-size: 1.5rem;
    padding-right: 0.25rem
}
.stars a:before {
	content: "\f149";
	color: var(--color-gray-300);
	font-family: "woodmart-font";
}
.stars span:hover a:before,
.stars a.active:before {
	content: "\f148";
	color: #EABE12;
}
.stars a:hover ~ a:before {
	content: "\f149";
	color: var(--color-gray-300);
}

/* Product Review Display */
.orbit-product-reviews {
	margin: 2rem 0;
}
.overall-review {
	display: flex;
	gap:1rem;
	margin-bottom: 2rem;
}
.overall-review-rating {
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    padding: 0 2rem;
    background-color: var(--color-gray-100);
    border-radius: 20px;
    box-shadow: var(--shadow-sm);
}
.average-rating {
	font-size: 2rem;
    color: var(--secondary-brand);
    font-weight: 700;
    border-bottom: 1px solid;
}
.overall-review-breakdown {
	flex-grow: 1;
}
.rating-row {
	display: flex;
    gap: 1rem;
    align-items: center;
}
.rating-breakdown-percentage {
	flex-grow: 1;
	background-color: var(--color-gray-100);
	padding: 3px;
    border-radius: 10px;
}
.rating-breakdown-percentage .meter {
	border-radius: 10px;
    height: 0.5rem;
	background-color: var(--primary-brand);
}

.product-single-review {
	box-shadow: var(--shadow-sm);
	padding: 1rem;
	margin-bottom: 1rem;
}
.product-single-review .review-timestamp {
	float: right;
	text-align: right;
	font-size: 0.9rem;
	line-height: 1rem;
	color: var(--color-gray-300);
}
.product-single-review .review-reply {
	padding: 1rem 0 0 2rem;
	border-top: 1px solid var(--color-gray-200);
}