/* ==========================================================
   Dossier /palmares (palmarès par championnat et par joueur)
   Style « Vert frais » : tout vient de /styleindex.css ; ce
   fichier ne contient que ce qui est propre à ces pages.
   ========================================================== */
@import url("/styleindex.css");

/* ---------- Palmarès par championnat (palmares.php) ---------- */
section article h1
	{
		font-size: clamp(1.2rem, 3.5vw, 1.7rem);
		line-height: 1.25;
		margin: 14px 8px 8px;
		color: var(--rose-titre);
	}
section article h2 { margin: 10px 8px 2px; }
section article h3 { margin: 0 8px 8px; }

/* ---------- Palmarès par joueur (joueurs.php) : liste à gauche, fiche à droite ---------- */
.page-fiches
	{
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
		gap: 12px;
		align-items: start;
	}
.page-fiches > section,
.page-fiches > aside { min-width: 0; }
.page-fiches section
	{
		position: sticky;
		top: 8px;
		max-height: calc(100vh - 16px);
		overflow-y: auto;
	}
.page-fiches aside { position: static; max-height: none; }
@media (max-width: 900px)
	{
		.page-fiches { grid-template-columns: minmax(0, 1fr); }
		.page-fiches section { position: static; max-height: 40vh; }
	}

/* Liste des joueurs : texte normal (la règle générale des menus la mettrait en gras et en majuscules) */
#liste-joueurs
	{
		font-size: 15px;
		font-weight: normal;
		text-transform: none;
		line-height: 1.4;
		padding-bottom: 8px;
	}
.joueur { padding: 4px 8px; cursor: pointer; border-radius: 6px; }
.joueur:hover { background-color: var(--vert-sous-menu); }
.joueur.actif { background-color: var(--vert-menu); font-weight: bold; }
.joueur:focus-visible { outline: 3px solid var(--vert-menu); outline-offset: -2px; }

/* ---------- Fiche d'un joueur (contenu de fiche_joueur.php) ---------- */
.nom-fiche { margin: 12px 8px 14px; text-align: center; }
.flex-container
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 2.5%;
		padding: 0 2.5% 12px;
	}
.bloc
	{
		flex: 1 1 30%;
		min-width: 200px;
		min-height: 300px;
		margin-top: 10px;
		padding: 10px;
		overflow-y: auto;
		box-sizing: border-box;
		background: #fff;
		border: var(--bord);
		border-radius: var(--rayon);
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
		text-align: center;
	}
.bloc h4
	{
		margin: 4px 0 8px;
		font-size: 1.05em;
		line-height: 1.3;
		text-align: center;
		color: var(--rose-titre);
		text-transform: uppercase;
	}
.bloc ul
	{
		font-size: 1em;
		font-weight: normal;
		text-transform: none;
		line-height: 1.6;
	}
.bloc li { padding: 2px 0; }
.bloc li:nth-child(even) { background-color: #f3f8ea; }
.bloc p { margin: 0.3em 0; }

/* Galerie de photos : trois photos visibles, navigation s'il y en a davantage */
.galerie-joueur { display: flex; align-items: center; gap: 6px; margin: 0 8px 16px; }
.galerie-piste
	{
		display: flex;
		flex: 1;
		min-width: 0;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: thin;
		scroll-behavior: smooth;
	}
.galerie-photo { flex: 0 0 33.333333%; padding: 5px; scroll-snap-align: start; box-sizing: border-box; }
.galerie-photo img
	{
		display: block;
		width: 100%;
		height: 180px;
		object-fit: contain;
		border-radius: 8px;
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
		background: #fff;
	}
.galerie-fleche
	{
		flex: 0 0 auto;
		border: var(--bord);
		border-radius: 8px;
		background: var(--vert-sous-menu);
		color: var(--texte);
		font-size: 22px;
		padding: 8px;
		cursor: pointer;
	}
.galerie-fleche:hover:not(:disabled) { background: var(--vert-menu-survol); }
.galerie-fleche:disabled { opacity: 0.35; cursor: default; }
@media (max-width: 600px)
	{
		.galerie-photo img { height: 110px; }
		.galerie-fleche { padding: 4px; font-size: 18px; }
	}