/*
 * HOG Product Reviews
 * Version: 1.0.4
 */

/* Full-width review layout */
.single-product #reviews.woocommerce-Reviews {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	grid-template-columns: none !important;
}

.single-product #reviews.woocommerce-Reviews > .woocommerce-verification-required {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	flex: none !important;
	margin: 20px 0 0 !important;
	padding: 12px 16px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.035);
	border-radius: 4px;
}

.single-product #reviews.woocommerce-Reviews #comments,
.single-product #reviews.woocommerce-Reviews .commentlist {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
}

.single-product #reviews.woocommerce-Reviews .commentlist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.single-product #reviews.woocommerce-Reviews .commentlist > li.review,
.single-product #reviews.woocommerce-Reviews .commentlist > li.wd-col {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	flex: none !important;
	margin: 0 0 22px;
	padding: 0 0 22px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

/*
 * CRITICAL pagination rule:
 * v1.0.3 used the HTML hidden attribute, but the full-width rule above had
 * display:block !important, which overrode the browser's [hidden] display:none.
 */
.single-product #reviews.woocommerce-Reviews .commentlist > li.review[hidden],
.single-product #reviews.woocommerce-Reviews .commentlist > li.wd-col[hidden] {
	display: none !important;
}

.single-product #reviews.woocommerce-Reviews .comment_container,
.single-product #reviews.woocommerce-Reviews .comment-text {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	flex: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	box-sizing: border-box;
}

.single-product #reviews.woocommerce-Reviews .cr-comment-head-text {
	margin: 7px 0 5px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
}

.single-product #reviews.woocommerce-Reviews .ivole-verified-badge {
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 5px 0 8px;
}

.single-product #reviews.woocommerce-Reviews .woocommerce-review__author {
	font-weight: 600;
}

.single-product #reviews.woocommerce-Reviews .woocommerce-review__published-date {
	font-size: 13px;
	opacity: 0.72;
}

.single-product #reviews.woocommerce-Reviews .star-rating {
	margin: 6px 0 8px;
}

.single-product #reviews.woocommerce-Reviews .description {
	width: 100%;
	max-width: 1050px;
	font-size: 15px;
	line-height: 1.65;
}

.single-product #reviews.woocommerce-Reviews .wd-review-likes {
	margin-top: 10px;
}

/* HOG pagination */
.single-product .hog-review-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
	margin: 26px 0 8px;
}

.single-product .hog-review-pagination button {
	min-width: 38px;
	height: 38px;
	padding: 0 11px;
	border: 1px solid rgba(0,0,0,.14);
	background: #fff;
	border-radius: 4px;
	cursor: pointer;
	font: inherit;
}

.single-product .hog-review-pagination button[aria-current="page"] {
	font-weight: 700;
	border-color: currentColor;
	background: rgba(0,0,0,.04);
}

.single-product .hog-review-pagination button:disabled {
	opacity: .45;
	cursor: default;
}

@media (max-width: 767px) {
	.single-product #reviews.woocommerce-Reviews .description {
		max-width: 100%;
		font-size: 14px;
		line-height: 1.6;
	}

	.single-product .hog-review-pagination {
		gap: 5px;
	}

	.single-product .hog-review-pagination button {
		min-width: 36px;
		height: 36px;
		padding: 0 9px;
	}
}