/* =========================================================================
   Score HomeGuarde — bloc d'avis agrege
   La note se lit a gauche, sa justification a droite. Un critere non note
   n'apparait pas : le module ne rend jamais de barre a zero.
   ========================================================================= */

.hg-scorecard { margin-block: var(--hg-space-8); }

.hg-scorecard__intro { max-width: 780px; margin-bottom: var(--hg-space-5); }
.hg-scorecard__intro .hg-h2 { margin-bottom: var(--hg-space-3); }
.hg-scorecard__intro .hg-h2 em {
	font-style: italic;
	font-weight: 500;
	color: var(--hg-yellow-dark);
}
.hg-scorecard__intro p {
	margin: 0;
	color: var(--hg-muted);
	font-size: 1.02rem;
	line-height: 1.6;
}

.hg-scorecard__grid {
	display: grid;
	grid-template-columns: minmax(240px, 320px) 1fr;
	border: 1px solid var(--hg-border);
	border-radius: var(--hg-radius-lg);
	background: var(--hg-surface);
	box-shadow: var(--hg-shadow);
	overflow: hidden;
}

/* --- Colonne de gauche : le chiffre --- */

.hg-scorecard__aside {
	background: var(--hg-surface-alt);
	border-right: 1px solid var(--hg-border);
	padding: var(--hg-space-5);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.hg-scorecard__thumb {
	width: 84px; height: 84px;
	object-fit: contain;
	margin-bottom: var(--hg-space-3);
	mix-blend-mode: multiply;
}
.hg-scorecard__thumb--empty {
	display: grid; place-items: center;
	border: 1px dashed var(--hg-border-strong);
	border-radius: var(--hg-radius-sm);
	color: var(--hg-border-strong);
	mix-blend-mode: normal;
}
.hg-scorecard__brand {
	margin: 0;
	font-size: var(--hg-fs-xs);
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hg-yellow-dark);
}
.hg-scorecard__name {
	margin: 2px 0 var(--hg-space-5);
	font-size: 1.22rem;
	font-weight: 750;
	line-height: 1.2;
	letter-spacing: -.01em;
	color: var(--hg-ink);
}
.hg-scorecard__kicker {
	margin: 0;
	font-size: var(--hg-fs-xs);
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hg-muted);
}
.hg-scorecard__value {
	margin: 0;
	display: flex;
	align-items: baseline;
	gap: 4px;
	line-height: 1;
}
.hg-scorecard__value strong {
	font-size: clamp(2.8rem, 2rem + 2.4vw, 4rem);
	font-weight: 800;
	letter-spacing: -.04em;
	color: var(--hg-ink);
}
.hg-scorecard__value span {
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--hg-muted);
}

.hg-stars { display: inline-flex; gap: 2px; margin-top: var(--hg-space-2); }
.hg-star { display: inline-flex; line-height: 0; }
.hg-star .hg-icon { stroke-width: 1.2; }
.hg-star.is-full .hg-icon { fill: var(--hg-yellow); stroke: var(--hg-yellow-dark); }
.hg-star.is-half .hg-icon { fill: var(--hg-yellow-soft); stroke: var(--hg-yellow-dark); }
.hg-star.is-empty .hg-icon { fill: none; stroke: var(--hg-border-strong); }

.hg-scorecard__basis,
.hg-scorecard__updated {
	margin: var(--hg-space-3) 0 0;
	font-size: var(--hg-fs-sm);
	color: var(--hg-muted);
	line-height: 1.5;
}
.hg-scorecard__basis strong { color: var(--hg-text); font-weight: 650; }
.hg-scorecard__updated { margin-top: var(--hg-space-2); font-size: var(--hg-fs-xs); }

/* --- Colonne de droite : la preuve --- */

.hg-scorecard__main { padding: var(--hg-space-5); }
.hg-scorecard__title {
	margin: 0 0 var(--hg-space-4);
	font-size: var(--hg-fs-xs);
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hg-ink);
}
.hg-scorecard__title--sub {
	margin-top: var(--hg-space-6);
	padding-top: var(--hg-space-4);
	border-top: 1px solid var(--hg-border);
}

.hg-scorecard__row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--hg-space-4);
	padding-bottom: var(--hg-space-4);
	margin-bottom: var(--hg-space-4);
	border-bottom: 1px solid var(--hg-border);
}
.hg-scorecard__row-label {
	margin: 0;
	font-weight: 700;
	color: var(--hg-ink);
}
.hg-scorecard__row-sub {
	margin: 2px 0 0;
	font-size: var(--hg-fs-sm);
	color: var(--hg-muted);
	line-height: 1.45;
}
.hg-scorecard__row-value {
	margin: 0;
	flex: none;
	font-size: 1.6rem;
	font-weight: 800;
	letter-spacing: -.03em;
	color: var(--hg-ink);
	line-height: 1;
}
.hg-scorecard__row-value span {
	font-size: .85rem;
	font-weight: 600;
	color: var(--hg-muted);
}

.hg-scorecard__bars { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--hg-space-4); }
.hg-scorecard__bar-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--hg-space-3);
	margin-bottom: 6px;
}
.hg-scorecard__bar-label { font-size: var(--hg-fs-sm); font-weight: 650; color: var(--hg-text); }
.hg-scorecard__bar-value { font-size: var(--hg-fs-sm); font-weight: 750; color: var(--hg-ink); flex: none; }
.hg-scorecard__bar-value span { font-weight: 500; color: var(--hg-muted); }

.hg-scorecard__track {
	display: block;
	height: 8px;
	border-radius: 99px;
	background: var(--hg-border);
	overflow: hidden;
}
.hg-scorecard__track i {
	display: block;
	height: 100%;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--hg-yellow-dark), var(--hg-yellow));
}

.hg-scorecard__bar-foot {
	margin: 6px 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--hg-space-2);
	font-size: var(--hg-fs-xs);
	color: var(--hg-muted);
	line-height: 1.45;
}
.hg-scorecard__weight {
	flex: none;
	padding: 1px 7px;
	border-radius: 99px;
	background: var(--hg-surface-alt);
	border: 1px solid var(--hg-border);
	font-weight: 650;
	color: var(--hg-text);
}

/* --- Plateformes marchandes (masquees par defaut cote PHP) --- */

.hg-scorecard__platforms { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--hg-space-2); }
.hg-scorecard__platforms li {
	display: grid;
	grid-template-columns: 1fr auto auto;
	align-items: center;
	gap: var(--hg-space-3);
	padding: var(--hg-space-2) 0;
	border-bottom: 1px dashed var(--hg-border);
}
.hg-scorecard__platform { font-weight: 650; color: var(--hg-text); }
.hg-scorecard__platform a { color: inherit; }
.hg-scorecard__platform-count { font-size: var(--hg-fs-xs); color: var(--hg-muted); }
.hg-scorecard__platform-score { font-weight: 750; color: var(--hg-ink); }
.hg-scorecard__platform-score span { font-size: .8em; font-weight: 500; color: var(--hg-muted); }

.hg-scorecard__disclaimer {
	margin: var(--hg-space-3) 0 0;
	font-size: var(--hg-fs-xs);
	color: var(--hg-muted);
	line-height: 1.5;
}

.hg-scorecard__method { margin: var(--hg-space-5) 0 0; font-size: var(--hg-fs-sm); }
.hg-scorecard__method a { font-weight: 650; }

@media (max-width: 860px) {
	.hg-scorecard__grid { grid-template-columns: 1fr; }
	.hg-scorecard__aside { border-right: 0; border-bottom: 1px solid var(--hg-border); }
}