/* La police configurée sur le site reste prioritaire. */
.sedmen-results-card {
	font-family: inherit !important;
	max-width: 980px;
	padding: clamp(30px, 5vw, 60px) !important;
}

.sedmen-results-card .sedmen-vote-head {
	margin-bottom: 38px !important;
	padding-bottom: 27px !important;
}

.sedmen-results-card .sedmen-vote-head h2 {
	letter-spacing: -.035em;
	margin-bottom: 18px !important;
}

.sedmen-results-card .sedmen-bars {
	display: grid !important;
	gap: 30px !important;
}

/* Résultats en camembert et légende accessible. */
.sedmen-results-card.sedmen-has-pie .sedmen-bars { display: none !important; }
.sedmen-pie-summary { display: grid; grid-template-columns: minmax(230px, 330px) minmax(0, 1fr); align-items: center; gap: clamp(30px, 7vw, 80px); padding: 12px 0 8px; }
.sedmen-pie-chart { position: relative; width: min(100%, 330px); aspect-ratio: 1; border-radius: 50%; box-shadow: 0 12px 28px rgba(6, 61, 93, .14); }
.sedmen-pie-chart::after { content: ''; position: absolute; inset: 29%; background: #fff; border-radius: 50%; }
.sedmen-pie-chart > span { position: absolute; z-index: 1; inset: 29%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #063d5d; }
.sedmen-pie-chart strong { font-size: 17px; line-height: 1.15; }
.sedmen-pie-chart small { margin-top: 4px; color: #6b7d87; font-size: 13px; }
.sedmen-pie-legend { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.sedmen-pie-legend li { display: grid; grid-template-columns: 13px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid #e7eef1; }
.sedmen-pie-legend li:last-child { border-bottom: 0; }
.sedmen-pie-legend i { width: 13px; height: 13px; border-radius: 50%; }
.sedmen-pie-legend span { color: #063d5d; font-size: 17px; font-weight: 700; }
.sedmen-pie-legend b { color: #063d5d; font-size: 18px; white-space: nowrap; }

/* Chaque candidat occupe son propre espace : nom, pourcentage, barre puis nombre de voix. */
.sedmen-results-card .sedmen-bar {
	display: block !important;
	padding: 0 0 28px !important;
	border-bottom: 1px solid #e7eef1;
	--sedmen-bar-color: #063d5d;
}

.sedmen-results-card .sedmen-bar:last-child {
	padding-bottom: 0 !important;
	border-bottom: 0;
}

.sedmen-results-card .sedmen-bar > div {
	display: flex !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	gap: 40px !important;
	margin: 0 0 13px !important;
	width: 100% !important;
}

.sedmen-results-card .sedmen-bar strong {
	font-size: 18px !important;
	line-height: 1.35;
	color: #073b5c;
	letter-spacing: 0 !important;
}

.sedmen-results-card .sedmen-bar b {
	color: #073b5c !important;
	font-size: 19px !important;
	line-height: 1.25;
	white-space: nowrap;
	margin-left: auto !important;
}

.sedmen-results-card .sedmen-bar > span {
	display: block !important;
	width: 100% !important;
	min-width: 100% !important;
	height: 16px !important;
	border-radius: 99px !important;
	background: #e8eff2 !important;
	box-shadow: inset 0 1px 1px rgba(7, 59, 92, .05);
}

.sedmen-results-card .sedmen-bar > span i {
	display: block !important;
	height: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	border-radius: inherit !important;
	background: var(--sedmen-bar-color) !important;
}

.sedmen-results-card .sedmen-bar small {
	display: none !important;
}

/* Palette inspirée d'un univers associatif bleu / turquoise, alternée à chaque bande. */
.sedmen-results-card .sedmen-bar:nth-child(5n + 1) { --sedmen-bar-color: #063d5d; }
.sedmen-results-card .sedmen-bar:nth-child(5n + 2) { --sedmen-bar-color: #00a49a; }
.sedmen-results-card .sedmen-bar:nth-child(5n + 3) { --sedmen-bar-color: #e6a62a; }
.sedmen-results-card .sedmen-bar:nth-child(5n + 4) { --sedmen-bar-color: #d85c4a; }
.sedmen-results-card .sedmen-bar:nth-child(5n + 5) { --sedmen-bar-color: #7167a9; }

@media (max-width: 560px) {
	.sedmen-pie-summary { grid-template-columns: 1fr; justify-items: center; gap: 30px; }
	.sedmen-pie-legend { width: 100%; }
	.sedmen-results-card .sedmen-bar {
		padding-bottom: 23px !important;
	}
	.sedmen-results-card .sedmen-bar > div { gap: 20px !important; }
	.sedmen-results-card .sedmen-bar strong { font-size: 16px !important; }
	.sedmen-results-card .sedmen-bar b { font-size: 17px !important; }
}