/* WPRC frontend. Переменные переопределяются темой: .wprc-rating { --wprc-like: #c9302c; } */
.wprc-rating {
	--wprc-like: #c9302c;
	--wprc-dislike: #f0ad4e;
	--wprc-btn-fg: #fff;
	--wprc-radius: 5px;
	margin: 1.5em 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5em .75em;
}
.wprc-btn {
	--c: var(--wprc-like);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55em;
	min-width: 10em;
	padding: .55em 1.5em;
	border: 1px solid color-mix(in srgb, var(--c) 82%, #000);
	border-radius: var(--wprc-radius);
	background: var(--c);
	color: var(--wprc-btn-fg);
	font: inherit;
	font-size: 1.2em;
	line-height: 1.3;
	cursor: pointer;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
	transition: filter .15s, box-shadow .15s, opacity .15s;
}
.wprc-btn--dislike { --c: var(--wprc-dislike); }
.wprc-btn:hover:not(:disabled) { filter: brightness(1.08); }
.wprc-btn:focus-visible { outline: 3px solid color-mix(in srgb, var(--c) 45%, transparent); outline-offset: 2px; }
.wprc-btn:disabled { opacity: .6; cursor: not-allowed; }
.wprc-rating.is-busy .wprc-btn { cursor: progress; }
.wprc-icon {
	width: 1.3em; height: 1.3em; background-color: currentColor;
	-webkit-mask: var(--wprc-mask) center / contain no-repeat;
	mask: var(--wprc-mask) center / contain no-repeat;
}
.wprc-btn--like .wprc-icon { --wprc-mask: url("../img/like.svg"); }
.wprc-btn--dislike .wprc-icon { --wprc-mask: url("../img/dislike.svg"); }
/* Выбранный пользователем вариант: кольцо вокруг кнопки, вторая кнопка приглушается. */
.wprc-voted-like .wprc-btn--like,
.wprc-voted-dislike .wprc-btn--dislike { box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 40%, transparent), inset 0 1px 0 rgba(255, 255, 255, .18); }
.wprc-voted-like .wprc-btn--dislike,
.wprc-voted-dislike .wprc-btn--like { opacity: .75; }
.wprc-count { font-variant-numeric: tabular-nums; }
.wprc-summary { margin: 0; flex-basis: 100%; font-size: .9em; opacity: .85; }
.wprc-status { margin: 0; flex-basis: 100%; font-size: .85em; color: var(--wprc-like); }
.wprc-noscript { margin: 0; font-size: .85em; opacity: .8; }
/* Без JS голосовать нельзя — кнопки приглушены. */
.wprc-rating:not(.is-ready) .wprc-btn { pointer-events: none; opacity: .6; }
@media (prefers-reduced-motion: reduce) { .wprc-btn { transition: none; } }