/**
 * DANCEFLOOR-UX-03 — Section Jeux /membres/ (page #408)
 * Image : fond-dance-floor-battle-page-membre.jpg
 * Override UX-02F/M fond-jeux-1.jpg — cartes Profil joueur + Jouer à plusieurs.
 */

body.page-id-408 .cdm-wrap--ux02c {
	--cdm-bg-carte-jeux: url("/wp-content/uploads/2026/05/fond-dance-floor-battle-page-membre.jpg");
}

/* Section Jeux — fond plateau Dancefloor Battle */
body.page-id-408 .cdm-universe--jeux::before {
	background-image:
		radial-gradient(circle at 14% 22%, rgba(255, 209, 102, 0.35) 0 2.5px, transparent 2.6px),
		radial-gradient(circle at 86% 18%, rgba(139, 92, 246, 0.28) 0 2px, transparent 2.1px),
		url("/wp-content/uploads/2026/05/fond-dance-floor-battle-page-membre.jpg");
	background-size: auto, auto, cover;
	background-position: center, center, center;
	opacity: 0.58;
}

body.page-id-408 .cdm-universe--jeux::after {
	background: linear-gradient(
		135deg,
		rgba(106, 63, 181, 0.1) 0%,
		rgba(237, 233, 254, 0.52) 45%,
		rgba(255, 255, 255, 0.74) 100%
	);
}

body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card::before,
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card::before {
	background-image: var(--cdm-bg-carte-jeux) !important;
	background-position: center;
	background-size: cover;
}

@media (max-width: 920px) {
	body.page-id-408 .cdm-universe--jeux::before {
		opacity: 0.48;
		background-position: center, center, 50% 38%;
	}

	body.page-id-408 .cdm-universe--jeux::after {
		background: linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.78) 0%,
			rgba(237, 233, 254, 0.62) 100%
		);
	}
}

@media (max-width: 480px) {
	body.page-id-408 .cdm-universe--jeux::before {
		opacity: 0.42;
	}
}