/**
 * WooCommerce Product Rating Styles
 * 
 * Стили для рейтинга товара в карточке товара WooCommerce
 * Извлечены из стандартных стилей WooCommerce
 */

/* Шрифт для звезд рейтинга */
@font-face {
	font-family: star;
	src: url(../../../plugins/woocommerce/assets/fonts/WooCommerce.woff2) format("woff2"),
		 url(../../../plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),
		 url(../../../plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: WooCommerce;
	src: url(../../../plugins/woocommerce/assets/fonts/WooCommerce.woff2) format("woff2"),
		 url(../../../plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),
		 url(../../../plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
}

/* Основные стили для звезд рейтинга */
.woocommerce .star-rating {
	float: right;
	overflow: hidden;
	position: relative;
	height: 1em;
	line-height: 1;
	font-size: 1em;
	width: 5.4em;
	font-family: WooCommerce;
}

.woocommerce .star-rating::before {
	content: "sssss";
	color: #cfc8d8;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.woocommerce .star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
}

.woocommerce .star-rating span::before {
	content: "SSSSS";
	top: 0;
	position: absolute;
	left: 0;
}

/* Контейнер рейтинга товара */
.woocommerce .woocommerce-product-rating {
	line-height: 2;
	display: block;
	margin-bottom: 1.618em;
}

.woocommerce .woocommerce-product-rating::after,
.woocommerce .woocommerce-product-rating::before {
	content: " ";
	display: table;
}

.woocommerce .woocommerce-product-rating::after {
	clear: both;
}

.woocommerce .woocommerce-product-rating .star-rating {
	margin: .5em 4px 0 0;
	float: left;
}

/* Рейтинг в списке товаров */
.woocommerce ul.products li.product .star-rating {
	font-size: .857em;
}

.woocommerce .products .star-rating {
	display: block;
	margin: 0 0 .5em;
	float: none;
}

/* Рейтинг в виджетах */
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
	float: none;
}

/* Рейтинг в отзывах */
.woocommerce #reviews #comments ol.commentlist ul.children .star-rating {
	display: none;
}

.woocommerce .hreview-aggregate .star-rating {
	margin: 10px 0 0;
}

/* Форма выбора рейтинга (звезды для выбора) */
.woocommerce p.stars a {
	position: relative;
	height: 1em;
	width: 1em;
	text-indent: -999em;
	display: inline-block;
	text-decoration: none;
	font-size: 24px;
}

.woocommerce p.stars a::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	font-family: WooCommerce;
	content: "\e021";
	text-indent: 0;
}

.woocommerce p.stars a:hover ~ a::before {
	content: "\e021";
}

.woocommerce p.stars:hover a::before {
	content: "\e020";
}

.woocommerce p.stars.selected a.active::before {
	content: "\e020";
}

.woocommerce p.stars.selected a.active ~ a::before {
	content: "\e021";
}

.woocommerce p.stars.selected a:not(.active)::before {
	content: "\e020";
}

/* Стили для формы отзывов */
.woocommerce #review_form #respond {
	position: static;
	margin: 0;
	width: auto;
	padding: 0;
	background: transparent none;
	border: 0;
}

.woocommerce #review_form #respond::after,
.woocommerce #review_form #respond::before {
	content: " ";
	display: table;
}

.woocommerce #review_form #respond::after {
	clear: both;
}

.woocommerce #review_form #respond p {
	margin: 0 0 10px;
}

.woocommerce #review_form #respond .form-submit input {
	left: auto;
}

.woocommerce #review_form #respond textarea {
	box-sizing: border-box;
	width: 100%;
}

/* Стили для секции отзывов */
.woocommerce #reviews h2 small {
	float: right;
	color: #767676;
	font-size: 15px;
	margin: 10px 0 0;
}

.woocommerce #reviews h2 small a {
	text-decoration: none;
	color: #767676;
}

.woocommerce #reviews h3 {
	margin: 0;
}

.woocommerce #reviews #respond {
	margin: 0;
	border: 0;
	padding: 0;
}

.woocommerce #reviews #comment {
	height: 75px;
}

.woocommerce #reviews #comments .add_review::after,
.woocommerce #reviews #comments .add_review::before {
	content: " ";
	display: table;
}

.woocommerce #reviews #comments .add_review::after {
	clear: both;
}

.woocommerce #reviews #comments h2 {
	clear: none;
}

.woocommerce #reviews #comments ol.commentlist {
	margin: 0;
	width: 100%;
	background: 0 0;
	list-style: none;
}

.woocommerce #reviews #comments ol.commentlist::after,
.woocommerce #reviews #comments ol.commentlist::before {
	content: " ";
	display: table;
}

.woocommerce #reviews #comments ol.commentlist::after {
	clear: both;
}

.woocommerce #reviews #comments ol.commentlist li {
	padding: 0;
	margin: 0 0 20px;
	border: 0;
	position: relative;
	background: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px;
	width: 32px;
	height: auto;
	background: #e9e6ed;
	border: 1px solid #e1dde7;
	margin: 0;
	box-shadow: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	margin: 0 0 0 50px;
	border: 1px solid #e1dde7;
	border-radius: 4px;
	padding: 1em 1em 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text::after,
.woocommerce #reviews #comments ol.commentlist li .comment-text::before {
	content: " ";
	display: table;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text::after {
	clear: both;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
	margin: 0 0 1em;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
	font-size: .83em;
}

.woocommerce #reviews #comments ol.commentlist ul.children {
	list-style: none outside;
	margin: 20px 0 0 50px;
}

.woocommerce #reviews #comments ol.commentlist #respond {
	border: 1px solid #e1dde7;
	border-radius: 4px;
	padding: 1em 1em 0;
	margin: 20px 0 0 50px;
}

.woocommerce #reviews #comments .commentlist > li::before {
	content: "";
}

/* Рейтинг в виджете фильтра по рейтингу */
.woocommerce .widget_rating_filter ul li .star-rating {
	float: none;
	display: inline-block;
}