/* Moduł opinii booktown (S.S.3 pkt 6–7) — tokeny ULTIMATE UI z motywu:
   radius 14/11, tinty semantyczne, oceny = bursztyn, błąd/wady = wino. */

/* ---------- podsumowanie ocen ---------- */
.btk-rev-sum {
	display: flex; gap: 34px; align-items: center; flex-wrap: wrap;
	border: 1px solid var(--wp--preset--color--line); background: var(--wp--preset--color--card);
	border-radius: var(--btk-r-lg); padding: 20px 24px; margin: 0 0 14px; max-width: 640px;
}
.btk-rev-sum__avg { display: grid; gap: 4px; justify-items: center; }
.btk-rev-sum__nr { font-size: 40px; font-weight: 800; line-height: 1; color: var(--wp--preset--color--ink); }
.btk-rev-sum__avg .btk-stars__bg, .btk-rev-sum__avg .btk-stars__fill { font-size: 16px; }
.btk-rev-sum__avg small { color: var(--wp--preset--color--muted); font-size: 12px; }
.btk-rev-sum__bars { flex: 1; min-width: 240px; display: grid; gap: 5px; }
.btk-rev-bar { display: flex; align-items: center; gap: 10px; text-decoration: none; border-radius: 8px; padding: 2px 6px; }
.btk-rev-bar:hover, .btk-rev-bar.is-on { background: var(--wp--preset--color--amber-soft); }
.btk-rev-bar__l { font-size: 12px; font-weight: 700; color: var(--wp--preset--color--ink); width: 26px; }
.btk-rev-bar__track { flex: 1; height: 7px; border-radius: 4px; background: var(--wp--preset--color--line); overflow: hidden; }
.btk-rev-bar__fill { display: block; height: 100%; border-radius: 4px; background: var(--wp--preset--color--amber); }
.btk-rev-bar__n { font-size: 12px; color: var(--wp--preset--color--muted); min-width: 26px; text-align: right; }

/* ---------- pasek filtrów ---------- */
.btk-rev-filters { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 18px; }
.btk-rev-chip {
	border: 1.5px solid var(--wp--preset--color--line); background: var(--wp--preset--color--card);
	color: var(--wp--preset--color--muted); border-radius: var(--btk-r-btn-sm); padding: 7px 16px;
	font-size: 12.5px; font-weight: 700; text-decoration: none;
}
.btk-rev-chip:hover { border-color: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-ink); }
.btk-rev-chip.is-on { background: var(--wp--preset--color--accent-soft); border-color: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-ink); }
.btk-rev-chip--clear { border-style: dashed; }

/* ---------- badge „Potwierdzona zakupem" ---------- */
.btk-rev-badge {
	display: inline-flex; align-items: center; gap: 5px; margin-left: 10px;
	background: var(--wp--preset--color--accent-soft); color: var(--wp--preset--color--accent-ink);
	border-radius: 99px; padding: 3px 10px; font-size: 11px; font-weight: 700; vertical-align: middle;
}

/* ---------- zalety / wady ---------- */
.btk-rev-pc { margin: 10px 0 0; display: grid; gap: 5px; }
.btk-rev-pc__row { margin: 0; font-size: 13px; line-height: 1.55; color: var(--wp--preset--color--ink); display: flex; gap: 9px; }
.btk-rev-pc__row b {
	flex: none; width: 19px; height: 19px; border-radius: 50%; display: grid; place-items: center;
	font-size: 13px; line-height: 1; margin-top: 1px;
}
.btk-rev-pc__row--plus b { background: var(--wp--preset--color--accent-soft); color: var(--wp--preset--color--accent-ink); }
.btk-rev-pc__row--minus b { background: color-mix(in srgb, var(--wp--preset--color--err) 10%, var(--wp--preset--color--card)); color: var(--wp--preset--color--err); }

/* ---------- łapki „czy opinia była pomocna" ---------- */
.btk-rev-vote { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; flex-wrap: wrap; }
.btk-rev-vote__q { font-size: 12px; color: var(--wp--preset--color--muted); margin-right: 2px; }
.btk-rev-vote__btn {
	display: inline-flex; align-items: center; gap: 6px;
	border: 1.5px solid var(--wp--preset--color--line); background: var(--wp--preset--color--card);
	color: var(--wp--preset--color--muted); border-radius: 99px; padding: 5px 13px;
	font-size: 12px; font-weight: 700; font-family: inherit; cursor: pointer;
}
.btk-rev-vote__btn:hover { border-color: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-ink); }
.btk-rev-vote__btn.is-voted { background: var(--wp--preset--color--accent-soft); border-color: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-ink); }
.btk-rev-vote__btn:disabled { cursor: default; opacity: .75; }
.btk-rev-vote__btn:disabled:not(.is-voted):hover { border-color: var(--wp--preset--color--line); color: var(--wp--preset--color--muted); }

/* ---------- formularz: etykieta „(niewymagane)" ---------- */
.btk-rev-opt { font-weight: 400; color: var(--wp--preset--color--muted); }

/* lista opinii: reset domyślnego wcięcia <ol class="commentlist"> (przeglądarka
   dawała ~40px padding-left, przez co opinie były wcięte w prawo) */
#section-reviews .commentlist,
.btk-pp-section .commentlist { margin: 0; padding: 0; list-style: none; }