/*
 * Woozy Product Sheet — apparence de base.
 *
 * Un thème redéfinit ces variables plutôt que de réécrire les règles :
 *   .woozy-sheet { --woozy-sheet-accent: #b5651d; }
 */
.woozy-sheet {
	--woozy-sheet-accent: currentColor;
	--woozy-sheet-good: #2f855a;
	--woozy-sheet-bad: #c53030;
	--woozy-sheet-muted: rgba(0, 0, 0, 0.55);
	--woozy-sheet-line: rgba(0, 0, 0, 0.12);
	--woozy-sheet-track: rgba(0, 0, 0, 0.08);
	--woozy-sheet-radius: 8px;
	display: grid;
	gap: 1.5rem;
}

.woozy-sheet-title { margin: 0 0 0.75rem; }

.woozy-sheet-verdict__box { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.woozy-sheet-verdict__score { margin: 0; line-height: 1; }
.woozy-sheet-verdict__value { font-size: 2.5rem; font-weight: 700; color: var(--woozy-sheet-accent); }
.woozy-sheet-verdict__scale { font-size: 1rem; color: var(--woozy-sheet-muted); }
.woozy-sheet-verdict__label {
	margin: 0; padding: 0.35rem 0.75rem; border-radius: 999px;
	border: 1px solid var(--woozy-sheet-line); font-weight: 600;
}

.woozy-sheet-notes__body { display: grid; gap: 1.5rem; align-items: center; }
.woozy-sheet-notes__body.has-radar { grid-template-columns: minmax(0, 280px) minmax(0, 1fr); }
.woozy-sheet-radar { width: 100%; max-width: 280px; height: auto; overflow: visible; }
.woozy-sheet-radar__grid { fill: none; stroke: var(--woozy-sheet-line); }
.woozy-sheet-radar__axis { stroke: var(--woozy-sheet-line); }
.woozy-sheet-radar__data { fill: var(--woozy-sheet-accent); fill-opacity: 0.2; stroke: var(--woozy-sheet-accent); stroke-width: 2; }
.woozy-sheet-radar__label { font-size: 11px; fill: var(--woozy-sheet-muted); }

.woozy-sheet-notes__list { margin: 0; display: grid; gap: 0.6rem; }
.woozy-sheet-notes__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 0.75rem; align-items: center; }
.woozy-sheet-notes__row dt { font-weight: 600; }
.woozy-sheet-notes__row dd { margin: 0; display: flex; align-items: center; gap: 0.5rem; }
.woozy-sheet-bar {
	flex: 1; height: 0.5rem; border-radius: 999px; background: var(--woozy-sheet-track);
	background-image: linear-gradient(var(--woozy-sheet-accent), var(--woozy-sheet-accent));
	background-size: var(--woozy-sheet-score, 0%) 100%; background-repeat: no-repeat;
}
.woozy-sheet-notes__value { white-space: nowrap; font-variant-numeric: tabular-nums; }
.woozy-sheet-disclaimer { margin: 0.75rem 0 0; font-size: 0.85em; color: var(--woozy-sheet-muted); }

.woozy-sheet-pros-cons__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.woozy-sheet-pros, .woozy-sheet-cons { border: 1px solid var(--woozy-sheet-line); border-radius: var(--woozy-sheet-radius); padding: 1rem; }
.woozy-sheet-pros h4, .woozy-sheet-cons h4 { margin: 0 0 0.5rem; }
.woozy-sheet-pros ul, .woozy-sheet-cons ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.4rem; }
.woozy-sheet-pros li, .woozy-sheet-cons li { padding-left: 1.4rem; position: relative; }
.woozy-sheet-pros li::before { content: "✓"; position: absolute; left: 0; color: var(--woozy-sheet-good); font-weight: 700; }
.woozy-sheet-cons li::before { content: "−"; position: absolute; left: 0; color: var(--woozy-sheet-bad); font-weight: 700; }

.woozy-sheet-specs__table { width: 100%; border-collapse: collapse; }
.woozy-sheet-specs__table th, .woozy-sheet-specs__table td { padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--woozy-sheet-line); text-align: left; vertical-align: top; }
.woozy-sheet-specs__table th { width: 40%; font-weight: 600; }

.woozy-sheet-faq__item { border-bottom: 1px solid var(--woozy-sheet-line); padding: 0.75rem 0; }
.woozy-sheet-faq__item summary { cursor: pointer; font-weight: 600; }
.woozy-sheet-faq__item p { margin: 0.5rem 0 0; }

@media (max-width: 640px) {
	.woozy-sheet-notes__body.has-radar { grid-template-columns: 1fr; justify-items: center; }
	.woozy-sheet-notes__list { width: 100%; }
	.woozy-sheet-notes__row { grid-template-columns: 1fr; gap: 0.25rem; }
}