/* ==========================================================================
   Page Équipes (/equipes/, archive-antic_equipe.php) — chargée uniquement sur cette page.
   Cartes disciplines = composant « logo » validé sur l'accueil (même fond, même diagonale, même
   survol : bordure 1 px qui ne change que de couleur), un peu plus grandes et aérées.
   ========================================================================== */

/* Hero : la devise reste une signature, plus discrète que le titre « Équipes ». */
.a-hero--equipes .a-hero__devise {
	max-width: 12ch;
	font-size: clamp(1.05rem, 1.7vw, 1.55rem);
	opacity: 0.85;
	transform: rotate(-5deg);
}

@media (max-width: 900px) {
	.a-hero--equipes .a-hero__devise {
		position: absolute;
		right: auto;
		bottom: 24px;
		left: var(--a-gutter);
		max-width: 16ch;
		margin: 0;
		text-align: left;
		transform: rotate(-3deg);
		transform-origin: left bottom;
	}
}

/* Transition hero → disciplines : fine courbe de col (même que l'accueil), sans bandeau de chiffres. */
.a-teams-page__disciplines {
	position: relative;
	background:
		radial-gradient(ellipse 42% 55% at 6% 18%, color-mix(in srgb, var(--c-teal) 8%, transparent), transparent 70%),
		linear-gradient(180deg, var(--c-ink) 0%, color-mix(in srgb, var(--a-petrol-deep) 45%, var(--c-ink)) 100%);
}

.a-teams-page__disciplines::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: min(100%, 1100px);
	height: clamp(14px, 1.8vw, 24px);
	background: var(--a-raglan-soft) center top / 100% 100% no-repeat;
	opacity: 0.55;
	transform: translateX(-50%);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 22%, #000 78%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 22%, #000 78%, transparent);
	pointer-events: none;
}

/* Grille : toutes les disciplines publiées sur une ligne en desktop (--grid-n, 5 au plus). */
.a-teams-page__grid {
	display: grid;
	grid-template-columns: repeat(min(var(--grid-n, 5), 5), minmax(0, 1fr));
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Cartes compactes (17/10/2026) : logo, nom, « Découvrir l'équipe » ; scène ≈ 20 % plus basse. */
.a-teams-page__grid .a-team-card__stage {
	height: clamp(136px, 10.5vw, 152px);
	padding: 18px 20px;
	background:
		radial-gradient(ellipse 58% 62% at 50% 50%, color-mix(in srgb, var(--c-teal) 20%, transparent), transparent 72%),
		linear-gradient(118deg, transparent 0 64%, color-mix(in srgb, var(--a-petrol) 22%, transparent) 64% 78%, transparent 78%),
		linear-gradient(160deg, var(--c-ink) 0%, var(--a-petrol-deep) 100%);
}

.a-teams-page__grid .a-team-card--logo .a-team-card__body {
	flex: 1;
	gap: 12px;
	padding: 14px 16px 16px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--c-ink) 55%, transparent), transparent);
}

.a-teams-page__grid .a-team-card--logo .a-team-card__cta {
	margin-top: auto;
}

.a-teams-page__grid .a-team-card--logo .a-team-card__title {
	font-size: 1.2rem;
}

.a-team-card__team {
	margin: -4px 0 0;
	font-size: 0.9rem;
	color: var(--a-muted);
}

/* Prochains matchs : même fond que les sections claires de la page, sans décor ajouté. */
.a-teams-page__upcoming {
	border-top: 1px solid var(--a-line);
}

/* Mobile : chaque ligne du tableau de résultats devient une carte compacte (plus de défilement horizontal).
   Ligne 1 : date · jeu ; ligne 2 : compétition ; ligne 3 : affiche ; ligne 4 : score/rang + résultat + lien. */
@media (max-width: 700px) {
	.a-teams-page__results .a-table-wrap {
		overflow: visible;
		border: 0;
		background: none;
	}

	.a-teams-page__results .a-results,
	.a-teams-page__results .a-results tbody {
		display: block;
		width: 100%;
		min-width: 0; /* La table de base impose 680 px. */
	}

	.a-teams-page__results .a-results thead {
		display: none;
	}

	.a-teams-page__results .a-result {
		display: grid;
		grid-template-columns: auto auto minmax(0, 1fr) auto;
		grid-template-areas:
			"date game game more"
			"comp comp comp comp"
			"teams teams teams teams"
			"score score score score";
		align-items: center;
		gap: 6px 10px;
		margin-bottom: 12px;
		padding: 14px 14px 12px;
		border: 1px solid var(--a-line);
		border-radius: var(--a-radius-sm);
		background: color-mix(in srgb, var(--a-petrol-deep) 35%, var(--c-ink));
	}

	.a-teams-page__results .a-result td {
		display: block;
		padding: 0;
		border: 0;
	}

	.a-teams-page__results .a-result__date { grid-area: date; font-size: 0.85rem; color: var(--a-muted); }
	.a-teams-page__results .a-result__game { grid-area: game; font-size: 0.85rem; color: var(--c-sand); }
	.a-teams-page__results .a-result__comp { grid-area: comp; font-weight: 700; color: var(--c-almond); }
	.a-teams-page__results .a-result__teams { grid-area: teams; white-space: normal; }
	.a-teams-page__results .a-result__score { grid-area: score; font-size: 1.6rem; }
	.a-teams-page__results .a-result__more { grid-area: more; justify-self: end; }
}

/* Tablette : 3 + 2 (les deux dernières centrées), puis 2 colonnes, puis une seule. */
@media (max-width: 1100px) {
	.a-teams-page__grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.a-teams-page__grid > li {
		grid-column: span 2;
	}

	.a-teams-page__grid > li:nth-child(4):nth-last-child(2) {
		grid-column: 2 / span 2;
	}

	/* Quatre équipes : 2 × 2 plutôt que 3 + 1. */
	.a-teams-page__grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.a-teams-page__grid--4 > li {
		grid-column: auto;
	}
}

@media (max-width: 760px) {
	.a-teams-page__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.a-teams-page__grid > li,
	.a-teams-page__grid > li:nth-child(4):nth-last-child(2) {
		grid-column: auto;
	}

	.a-teams-page__grid > li:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
}

@media (max-width: 560px) {
	.a-teams-page__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.a-teams-page__grid > li:last-child:nth-child(odd) {
		grid-column: auto;
	}
}