/* Wyświetlanie opinii Symar — agregat, lista, lightbox. */

/* Układ zakładki: lista po lewej, formularz w karcie po prawej. */
.symar-reviews {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.75rem;
	align-items: start;
}

@media (min-width: 992px) {
	.symar-reviews {
		grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);
		gap: 2.5rem;
	}

	.symar-reviews__aside {
		position: sticky;
		top: calc(var(--symar-header-h, 110px) + 1rem);
	}
}

.symar-reviews__main {
	min-width: 0;
}

/* Motyw zwęża panele zakładek do 980 px (czytelność opisu) — opinie mają
   dwie kolumny, więc korzystają z pełnej szerokości. */
body .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews {
	max-width: none;
}

.symar-reviews__summary {
	display: flex;
	align-items: center;
	gap: .75rem;
	margin-bottom: 1.25rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #edf0f5;
}

.symar-reviews__avg {
	color: var(--symar-dark-navy, #1b2038);
	font-size: 2rem;
	font-weight: 800;
	line-height: 1;
}

.symar-reviews__count {
	color: #6c757d;
}

.symar-reviews__empty {
	padding: 1.5rem 0;
	text-align: center;
}

.symar-reviews__empty .symar-stars {
	display: block;
	margin-bottom: .6rem;
	color: #c3ccdb;
	font-size: 1.6rem;
}

.symar-reviews__empty-title {
	margin: 0 0 .3rem;
	color: var(--symar-dark-navy, #1b2038);
	font-size: 1.05rem;
	font-weight: 800;
}

.symar-reviews__empty-text {
	max-width: 36ch;
	margin: 0 auto;
	color: #5b6576;
	font-size: .88rem;
	line-height: 1.5;
}

.symar-stars {
	white-space: nowrap;
	color: var(--symar-accent-yellow, #f9c846);
	font-size: 1.1rem;
	letter-spacing: 0.05em;
}

.symar-star.is-empty {
	color: #d0d0d0;
}

.symar-reviews__controls {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1rem;
}

.symar-reviews__controls label {
	display: flex;
	align-items: center;
	gap: .5rem;
	color: #2e3a4f;
	font-size: .85rem;
	font-weight: 600;
}

.symar-reviews__controls select {
	padding: .45rem 2rem .45rem .7rem;
	border: 1px solid var(--symar-field-border, rgba(15, 30, 61, .16));
	border-radius: 0;
	background-color: #fff;
	color: #151d2d;
	font-size: .85rem;
}

.symar-reviews__controls select:hover:not(:focus) {
	border-color: var(--symar-field-border-hover, rgba(15, 30, 61, .34));
}

.symar-reviews__controls select:focus {
	border-color: var(--symar-field-focus, #31529f);
	outline: 0;
	box-shadow: var(--symar-field-ring, 0 0 0 .12rem rgba(49, 82, 159, .14));
}

.symar-reviews__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.symar-review {
	border-bottom: 1px solid #ececec;
	padding-bottom: 1.25rem;
}

.symar-review__head {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	flex-wrap: wrap;
	margin-bottom: 0.35rem;
}

.symar-review__author {
	font-weight: 600;
}

.symar-review__date {
	color: #9aa0a6;
	font-size: 0.85rem;
}

.symar-review__photos {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.6rem;
}

.symar-review__photo img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	cursor: zoom-in;
}

.symar-review__reply {
	margin-top: 0.6rem;
	padding: 0.6rem 0.85rem;
	background: #f6f7f9;
	border-left: 3px solid var(--symar-dark-navy, #1a2740);
}

.symar-reviews__pagination {
	display: flex;
	gap: 0.35rem;
	margin-top: 1.25rem;
}

.symar-reviews__page {
	min-width: 2.25rem;
	padding: 0.35rem 0.6rem;
	border: 1px solid var(--symar-field-border, rgba(15, 30, 61, .16));
	background: #fff;
	cursor: pointer;
	border-radius: var(--symar-btn-radius, .25rem);
}

.symar-reviews__page.is-current {
	background: var(--symar-dark-navy, #1a2740);
	color: #fff;
	border-color: var(--symar-dark-navy, #1a2740);
}

/* Lightbox */
.symar-lightbox {
	position: fixed;
	inset: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.85);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
}

.symar-lightbox img {
	max-width: 90vw;
	max-height: 90vh;
	object-fit: contain;
	border-radius: 4px;
}

.symar-lightbox__close {
	position: absolute;
	top: 1rem;
	right: 1.25rem;
	font-size: 2.5rem;
	line-height: 1;
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
}

.symar-reviews__list-wrap[aria-busy="true"] {
	opacity: 0.5;
	transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
	.symar-reviews__list-wrap[aria-busy="true"] {
		transition: none;
	}
}