/* Betton & Dragons – Parties
   Variables surchargeables depuis la personnalisation du thème :
   :root { --bd-accent: #b8860b; }

   v1.27.0 — ALIGNÉES SUR LA CHARTE. CHARTE-GRAPHIQUE.md §6 relevait depuis
   l'origine que cette feuille, la plus ancienne du plugin, tenait ses propres
   valeurs approchantes : accent #a33a2a au lieu du terracotta #C0623E, texte
   #2b2b2b au lieu du noir de marque #282828, bordure #e4e0d8 au lieu du gris
   de séparation #EDEDED, et un rayon de 10 px là où la charte §4 pose 15 px
   pour les cartes de contenu. Elles n'avaient jamais été corrigées parce que
   la grille ne s'affichait nulle part en vrai — la page « FAITES DES JEUX »
   n'ayant que son texte de gabarit.

   Les couleurs d'état (--bd-libre / --bd-tendu / --bd-complet) restent hors
   charte VOLONTAIREMENT : ce sont des signaux (feu vert / orange / gris), pas
   du décor. Charte §6, dernier paragraphe. */

.bd-parties {
	--bd-accent: #c0623e;
	--bd-texte: #282828;
	--bd-texte-doux: #6b6b6b;
	--bd-fond: #ffffff;
	--bd-bordure: #ededed;
	--bd-rayon: 15px;
	--bd-ombre: 0 2px 6px rgba(0, 0, 0, .07);
	--bd-ombre-survol: 0 10px 24px rgba(0, 0, 0, .13);
	--bd-libre: #2e7d4f;
	--bd-tendu: #b45309;
	--bd-complet: #8a8a8a;

	display: grid;
	gap: 26px;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	margin: 2em 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 900px) {
	.bd-parties--cols-2 { grid-template-columns: repeat(2, 1fr); }
	.bd-parties--cols-3 { grid-template-columns: repeat(3, 1fr); }
	.bd-parties--cols-4 { grid-template-columns: repeat(4, 1fr); }
}

/* ---------- La vignette ---------- */

.bd-partie {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--bd-fond);
	border: 1px solid var(--bd-bordure);
	border-radius: var(--bd-rayon);
	box-shadow: var(--bd-ombre);
	color: var(--bd-texte);
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease;
}

.bd-partie:hover,
.bd-partie:focus-visible {
	transform: translateY(-4px);
	box-shadow: var(--bd-ombre-survol);
	text-decoration: none;
	color: var(--bd-texte);
}

.bd-partie:focus-visible {
	outline: 3px solid var(--bd-accent);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.bd-partie { transition: none; }
	.bd-partie:hover { transform: none; }
}

/* Une partie complète reste consultable, mais s'efface visuellement. */
.bd-partie--full .bd-partie__media { filter: grayscale(.75); }
.bd-partie--full { opacity: .82; }

/* ---------- Image et badge ---------- */

.bd-partie__media {
	position: relative;
	aspect-ratio: 16 / 10;
	background: #f3f0ea;
	overflow: hidden;
}

.bd-partie__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bd-partie__image--vide {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 3rem;
	opacity: .35;
}

.bd-partie__badge {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 5px 12px;
	border-radius: 999px;
	background: var(--bd-libre);
	color: #fff;
	font-size: .8rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .01em;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}

.bd-partie__badge--last     { background: var(--bd-tendu); }
.bd-partie__badge--full     { background: var(--bd-complet); }
.bd-partie__badge--none     { background: var(--bd-texte-doux); }
.bd-partie__badge--unlimited { background: var(--bd-libre); }

/* ---------- Contenu ---------- */

.bd-partie__corps {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 18px 20px 20px;
}

.bd-partie__titre {
	margin: 0 0 12px;
	font-size: 1.22rem;
	line-height: 1.3;
	color: inherit;
}

.bd-partie__infos {
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
	font-size: .93rem;
	color: var(--bd-texte-doux);
}

.bd-partie__infos li {
	margin: 0 0 5px;
	padding: 0;
	display: flex;
	gap: 8px;
	align-items: baseline;
}

.bd-partie__accroche {
	margin: 0 0 16px;
	font-size: .95rem;
	line-height: 1.55;
}

.bd-partie__cta {
	margin: auto 0 0;
}

.bd-partie__lien {
	font-weight: 700;
	color: var(--bd-accent);
}

.bd-partie--full .bd-partie__lien { color: var(--bd-texte-doux); }

.bd-partie__debutants {
	margin: 10px 0 0;
	font-size: .82rem;
	color: var(--bd-libre);
	font-weight: 600;
}

.bd-parties__vide {
	padding: 1.4em;
	background: #f6f4ef;
	border-radius: 8px;
	text-align: center;
	color: #6b6b6b;
}