/* ── Onglets (composant réutilisable) ─────────────────────── */
.ra-tabs {
	margin-top: 2em;
}

.ra-tabs__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	border-bottom: 1px solid var(--ra-border);
}

.ra-tabs__tab {
	font-family: var(--ra-font-titres);
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--ra-gris-pierre);
	background: none;
	border: none;
	border-bottom: 3px solid transparent;
	padding: 0.75rem 1rem;
	margin-bottom: -1px;
	cursor: pointer;
}

.ra-tabs__tab:hover,
.ra-tabs__tab:focus,
.ra-tabs__tab:active {
	color: var(--ra-rouge);
	background: none;
}

.ra-tabs__tab.is-active {
	color: var(--ra-rouge);
	border-bottom-color: var(--ra-rouge);
}

.ra-tabs__panel {
	margin-top: 2em;
}

/* ── Mention FFTT (logo + synchro) — partagée par les 3 pages Compétitions ── */
.ra-fftt-mention {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-top: 2em;
}

.ra-fftt-mention__logo {
	height: 24px;
	width: auto;
}

.ra-fftt-mention__sync {
	font-family: var(--ra-font-corps);
	font-size: 0.85rem;
	color: var(--ra-gris-pierre);
}

@media (max-width: 600px) {
	.ra-fftt-mention {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}


/* ── Liste des équipes ───────────────────────────────────────────────────── */

.fftt-teams-list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.fftt-teams-list__item {
	display: flex;
	align-items: baseline;
	background: var(--ra-blanc);
	border-left: 3px solid var(--ra-ardoise);
	transition: border-color 0.15s ease;
}

.fftt-teams-list__item:has(.fftt-teams-list__link:hover) {
	border-color: var(--ra-rouge);
}

.fftt-teams-list__name {
	font-family: var(--ra-font-titres);
	font-size: 1rem;
	color: var(--ra-noir);
	transition: color 0.15s ease;
}

.fftt-teams-list__info {
	font-size: 0.85rem;
	color: var(--ra-gris-pierre);
}

.fftt-teams-list__link {
	display: flex;
	align-items: baseline;
	gap: 1rem;
	width: 100%;
	padding: 0.875rem 1rem;
	text-decoration: none;
	color: inherit;
}

.fftt-teams-list__link:hover .fftt-teams-list__name {
	color: var(--ra-rouge);
}

@media (max-width: 480px) {
	.fftt-teams-list__item {
		flex-direction: column;
		gap: 0.25rem;
	}
}

/* ── Tableau sportif ────────────────────────────────────────────────────────── */

.fftt-table {
	font-size: 0.9375rem;
}

.fftt-table th,
.fftt-table td {
	vertical-align: middle;
	border-right: 1px solid var(--ra-border-subtle);
}

.fftt-table th {
	background: var(--ra-ardoise);
	color: var(--ra-blanc);
	font-family: var(--ra-font-titres);
	font-size: 0.8125rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 0.75rem;
	white-space: nowrap;
}

.fftt-table td {
	padding: 0.875rem 0.75rem;
	border-bottom: 1px solid var(--ra-border-subtle);
}

.fftt-table tbody tr:nth-child(even) td {
	background: var(--ra-border-bg);
}

/* ── fftt-table : colonnes et lignes (data-attributes) ──────────────────── */

.fftt-table [data-col~="num"]      { text-align: center; white-space: nowrap; width: 5rem; }
.fftt-table td[data-col~="num"]    { font-family: var(--ra-font-chiffres); }
.fftt-table [data-col~="label"]    { text-align: left; }
.fftt-table [data-col~="rank"]     { width: 2.5rem; }
.fftt-table td[data-col~="rank"]   { color: var(--ra-gris-pierre); }
.fftt-table td[data-col~="pts"]    { font-weight: 600; color: var(--ra-ardoise); }
.fftt-table td[data-col~="winner"] { font-weight: 600; }

.fftt-table [data-row="club"] td             { color: var(--ra-rouge); }
.fftt-table [data-row="club"] td:first-child { border-left: 3px solid var(--ra-rouge); }

.fftt-table [data-row="journee-header"] td {
	background: var(--ra-ardoise);
	color: var(--ra-blanc);
	font-family: var(--ra-font-titres);
	font-size: 0.8125rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 0.75rem;
}

/* ── Conteneurs fftt ─────────────────────────────────────────────────────── */

.fftt-players              { margin-top: 2em; overflow-x: auto; }
.fftt-poule-classement     { margin-top: 1em; overflow-x: auto; }
.fftt-rencontres           { margin-top: 1em; overflow-x: auto; }
.fftt-rencontres__col-score { width: 5rem; }


/* ── Page détail équipe ──────────────────────────────────────────────────── */

.ra-team-detail__name {
	margin-top: 0.5em;
	margin-bottom: 0;
}

.ra-team-detail__division {
	font-size: 0.9375rem;
	color: var(--ra-gris-pierre);
	margin-top: 0.25em;
}