.wmr-reviews {
	--wmr-accent: var(--wm-brown, #715442);
	--wmr-dark: var(--wm-accent, #3c2d24);
	--wmr-line: var(--wm-line, #d5d8dc);
	--wmr-gap: 20px;
	--wmr-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M285.5 273 91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 34z'/%3E%3C/svg%3E");
}

.wmr-reviews__title {
	text-align: center;
}

.wmr-stars {
	display: inline-block;
	flex: 0 0 auto;
	width: 6em;
	height: 1.2em;
	background: linear-gradient(90deg, #f4a300 calc(var(--wmr-rating, 0) / 5 * 100%), #d5d8dc 0);
	vertical-align: middle;
	mask: url("star.svg") 0 50% / 1.2em 1.2em repeat-x;
}

/* Podsumowanie: ocena, liczba opinii i przyciski w jednej białej belce */
.wmr-reviews__summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px 20px;
	width: fit-content;
	max-width: 100%;
	margin: 0 auto 28px;
	padding: 16px 24px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 10px -4px rgb(0 0 0 / 50%);
	font-size: 17px;
}

.wmr-reviews__score {
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	color: var(--wmr-accent);
}

.wmr-reviews__summary .wmr-stars {
	font-size: 22px;
}

.wmr-reviews__count {
	line-height: 1.35;
}

.wmr-reviews__count strong {
	display: block;
}

.wmr-reviews__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.wmr-reviews__button {
	padding: 12px 18px;
	border: 2px solid #e7e7e7;
	border-radius: 10px;
	background: var(--wmr-accent);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: background-color 0.3s;
}

.wmr-reviews__button:hover {
	background: var(--wmr-dark);
	color: #fff;
}

.wmr-reviews__button--ghost {
	background: #fff;
	color: var(--wmr-accent);
}

.wmr-reviews__button--ghost:hover {
	background: #f0e6dc;
	color: var(--wmr-dark);
}

/* Rząd kart przewijany w poziomie: trzy na ekranie, równa wysokość */
.wmr-reviews__list {
	display: flex;
	gap: var(--wmr-gap);
	margin-inline: -6px;
	padding: 6px 6px 16px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: 6px;
	scrollbar-width: none;
}

/* Pasek przewijania zastępują strzałki pod kartami; przewijanie palcem i klawiaturą działa dalej. */
.wmr-reviews__list::-webkit-scrollbar {
	display: none;
}

.wmr-review {
	display: flex;
	flex: 0 0 calc((100% - 2 * var(--wmr-gap)) / 3);
	flex-direction: column;
	gap: 12px;
	padding: 22px;
	border-top: 4px solid var(--wm-sand, #f2c397);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 10px -4px rgb(0 0 0 / 50%);
	scroll-snap-align: start;
}

.wmr-review__header {
	display: flex;
	align-items: center;
	gap: 12px;
}

.wmr-review__avatar {
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

.wmr-review__who {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.wmr-review__author {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.25;
	color: #000;
	text-decoration: none;
}

a.wmr-review__author:hover {
	text-decoration: underline;
}

.wmr-review__time,
.wmr-review__translated {
	font-size: 14px;
	color: #5f6368;
}

.wmr-reviews .wmr-review__text {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
	white-space: pre-line;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	line-clamp: 7;
}

.wmr-reviews .wmr-review.is-expanded .wmr-review__text {
	display: block;
	-webkit-line-clamp: none;
	line-clamp: none;
}

.wmr-review__more {
	align-self: flex-start;
	padding: 0;
	border: 0;
	background: none;
	color: var(--wmr-accent);
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer;
}

.wmr-review__more:hover {
	color: var(--wmr-dark);
}

.wmr-reviews .wmr-review__translated {
	margin: 0;
	text-align: left;
}

.wmr-review__source {
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid var(--wmr-line);
	font-size: 14px;
	color: #5f6368;
}

/* Strzałki przewijania */
.wmr-reviews__nav {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 8px;
}

.wmr-reviews__nav[hidden] {
	display: none;
}

.wmr-reviews__arrow {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 2px solid #e7e7e7;
	border-radius: 50%;
	background: var(--wmr-accent);
	cursor: pointer;
	transition: background-color 0.3s, opacity 0.3s;
}

.wmr-reviews__arrow::before {
	content: "";
	width: 12px;
	height: 18px;
	background: #fff;
	mask: var(--wmr-chevron) center / contain no-repeat;
}

.wmr-reviews__arrow--prev::before {
	transform: scaleX(-1);
}

.wmr-reviews__arrow:hover:not(:disabled) {
	background: var(--wmr-dark);
}

.wmr-reviews__arrow:disabled {
	opacity: 0.35;
	cursor: default;
}

.wmr-reviews .wmr-reviews__note {
	margin: 18px 0 0;
	font-size: 14px;
	color: #5f6368;
	text-align: center;
}

@media (max-width: 1024px) {
	.wmr-review {
		flex-basis: calc((100% - var(--wmr-gap)) / 2);
	}
}

@media (max-width: 767px) {
	.wmr-reviews__summary {
		flex-direction: column;
		width: 100%;
		text-align: center;
	}

	.wmr-review {
		flex-basis: 86%;
	}
}

.wmr-admin-note {
	max-width: 900px;
	margin: 30px auto;
	padding: 16px 20px;
	border: 2px dashed #c0392b;
	border-radius: 10px;
	background: #fff;
}
