/* ==== Отзывы на странице товара ====
   Токены темы: ink #16161A, розовая рамка #ECDFE4. */

/* Звёзды. На странице товара их рисует иконочный шрифт WooCommerce — тут
   достаточно цвета, перерисовывать нечего (в карточках каталога и на главной
   шрифта нет, там звёзды собраны из ★ вручную — см. theme/assets/css/app.css).
   Тон золота один и тот же во всех трёх местах, иначе сайт выглядит собранным
   из кусков.
   По умолчанию WooCommerce красит закрашенные звёзды цветом текста — то есть
   почти чёрным, а оценку в чёрном не читают как оценку. */
.woocommerce .star-rating,
.woocommerce p.stars a { color: #E9A23B; }
.woocommerce .star-rating::before { color: #E3D8DD; }

.mc-review-shot {
	display: inline-block;
	margin: 12px 0 0;
	line-height: 0;
	border: 1px solid #ECDFE4;
	border-radius: 12px;
	overflow: hidden;
	transition: filter .15s ease;
}
.mc-review-shot:hover { filter: brightness(.95); }
/* Скриншоты переписки бывают узкими и очень длинными: ограничиваем обе
   стороны, иначе один отзыв растянет ленту на два экрана. */
.mc-review-shot img {
	display: block;
	width: auto;
	height: auto;
	max-width: 140px;
	max-height: 180px;
}

/* Увеличенный просмотр: перекрытие поверх страницы. */
.mc-shotbox {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(22, 22, 26, .88);
	cursor: zoom-out;
}
.mc-shotbox img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 8px;
}