/* CDM 2026 – styles publics */

.cdm2026 {
	--cdm-vert: #1a7f3c;
	--cdm-ambre: #c98a00;
	--cdm-bord: #e2e2e2;
	--cdm-fond: #fafafa;
	font-size: 0.95em;
	line-height: 1.4;
}

/* ---- Tableaux de classement ---- */
.cdm2026 .cdm-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1em;
	background: #fff;
	border: 1px solid var(--cdm-bord);
}
.cdm2026 .cdm-caption {
	caption-side: top;
	text-align: left;
	font-weight: 700;
	padding: 6px 10px;
	background: var(--cdm-fond);
	border: 1px solid var(--cdm-bord);
	border-bottom: 0;
}
.cdm2026 .cdm-table th,
.cdm2026 .cdm-table td {
	padding: 6px 8px;
	text-align: center;
	border-bottom: 1px solid var(--cdm-bord);
}
.cdm2026 .cdm-table thead th {
	background: var(--cdm-fond);
	font-weight: 600;
}
.cdm2026 .cdm-team-col {
	text-align: left;
	white-space: nowrap;
}
.cdm2026 .cdm-pts {
	font-weight: 700;
}
.cdm2026 .cdm-pos {
	width: 2em;
	color: #777;
}
.cdm2026 tr.cdm-q1 td:first-child {
	box-shadow: inset 3px 0 0 var(--cdm-vert);
}
.cdm2026 tr.cdm-q3 td:first-child {
	box-shadow: inset 3px 0 0 var(--cdm-ambre);
}

.cdm2026 .cdm-legende {
	font-size: 0.85em;
	color: #666;
	margin: -0.5em 0 1.2em;
}
.cdm2026 .cdm-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	vertical-align: middle;
}
.cdm2026 .cdm-dot-q1 { background: var(--cdm-vert); }
.cdm2026 .cdm-dot-q3 { background: var(--cdm-ambre); }

/* ---- Liste des matchs ---- */
.cdm2026 .cdm-matchs {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	border: 1px solid var(--cdm-bord);
	background: #fff;
}
.cdm2026 .cdm-date-sep {
	background: var(--cdm-fond);
	font-weight: 600;
	padding: 5px 10px;
	border-bottom: 1px solid var(--cdm-bord);
	text-transform: capitalize;
}
.cdm2026 .cdm-match {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 8px;
	align-items: center;
	padding: 7px 10px;
	border-bottom: 1px solid var(--cdm-bord);
}
.cdm2026 .cdm-match:last-child {
	border-bottom: 0;
}
.cdm2026 .cdm-dom { text-align: right; }
.cdm2026 .cdm-ext { text-align: left; }
.cdm2026 .cdm-score {
	min-width: 52px;
	text-align: center;
	font-weight: 700;
	background: #222;
	color: #fff;
	border-radius: 4px;
	padding: 2px 8px;
}
.cdm2026 .cdm-score.cdm-avenir {
	background: var(--cdm-fond);
	color: #555;
	border: 1px solid var(--cdm-bord);
	font-weight: 400;
}
.cdm2026 .cdm-meta {
	grid-column: 1 / -1;
	text-align: center;
	font-size: 0.8em;
	color: #888;
}
.cdm2026 .cdm-vide {
	color: #777;
	font-style: italic;
}
.cdm2026 .cdm-titre {
	margin: 1em 0 0.5em;
}

/* ---- Onglets ---- */
.cdm2026 .cdm-tab-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 12px;
}
.cdm2026 .cdm-tab-btn {
	border: 1px solid var(--cdm-bord);
	background: var(--cdm-fond);
	padding: 6px 14px;
	cursor: pointer;
	border-radius: 4px;
	font-weight: 600;
}
.cdm2026 .cdm-tab-btn.actif {
	background: var(--cdm-vert);
	border-color: var(--cdm-vert);
	color: #fff;
}
.cdm2026 .cdm-panneau { display: none; }
.cdm2026 .cdm-panneau.actif { display: block; }

/* ---- Grille des 12 classements ---- */
.cdm2026.cdm-grille {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 16px;
}

/* ---- Widget / mode compact ---- */
.cdm-widget .cdm-table.cdm-compact th,
.cdm-widget .cdm-table.cdm-compact td {
	padding: 4px 6px;
	font-size: 0.9em;
}
.cdm-widget .cdm-matchs.cdm-compact .cdm-match {
	grid-template-columns: 1fr auto 1fr;
	font-size: 0.88em;
	padding: 6px 8px;
}
.cdm-widget .cdm-titre-mini {
	font-weight: 600;
	margin: 0.8em 0 0.4em;
}