/**
 * UX-02M — Fonds cartes médiathèque (rythmique, musicalité, jeux v2).
 * Override UX-02H→L : image cover pleine carte + voile 82 %.
 */

body.page-id-408 .cdm-wrap--ux02c {
	--cdm-bg-carte-rythmique: url("/wp-content/uploads/2026/05/fond-rythmique.png");
	--cdm-bg-carte-musicalite: url("/wp-content/uploads/2026/05/fond-musicalite.jpg");
	--cdm-bg-carte-jeux: url("/wp-content/uploads/2026/05/fond-jeux-1.jpg");
}

/* ============================================================
   Patron commun — image + voile (neutralise H→L sur cartes ciblées)
   ============================================================ */

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card,
body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card,
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	padding-right: unset !important;
	padding-top: unset !important;
	background: transparent !important;
	border: 1px solid rgba(106, 63, 181, 0.12) !important;
	box-shadow: 0 10px 28px rgba(11, 31, 77, 0.09) !important;
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card::before,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card::before,
body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card::before,
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card::before {
	content: "";
	position: absolute;
	inset: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 0;
	max-width: none;
	transform: none;
	opacity: 1;
	border-radius: 0;
	box-shadow: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	pointer-events: none;
	z-index: 0;
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card::before {
	background-image: var(--cdm-bg-carte-rythmique);
}

body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card::before {
	background-image: var(--cdm-bg-carte-musicalite);
}

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);
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card::after,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card::after,
body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card::after,
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card::after {
	content: "";
	position: absolute;
	inset: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: auto;
	max-width: none;
	font-size: unset;
	line-height: unset;
	color: transparent;
	background: linear-gradient(
		rgba(255, 255, 255, 0.82),
		rgba(255, 255, 255, 0.82)
	);
	pointer-events: none;
	z-index: 1;
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card > *,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card > *,
body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card > *,
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card > * {
	position: relative;
	z-index: 2;
	max-width: none;
}

/* ============================================================
   Contenu — fonds internes transparents (ex UX-02L/H/K)
   ============================================================ */

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cdm-card__head,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-card__head,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-my-music-member-card__stat,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-row,
body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cd-musicality-entry-card__actions,
body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cd-musicality-entry-card__note,
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card__list,
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card__actions {
	background: transparent !important;
	backdrop-filter: none !important;
	border-left: none;
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cd-musicality-entry-card__badge {
	opacity: 0 !important;
	pointer-events: none;
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cdm-card__head .cdm-pill,
body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cd-musicality-entry-card__pill,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-pill {
	background: rgba(255, 255, 255, 0.94) !important;
	border: 1px solid rgba(106, 63, 181, 0.18) !important;
	color: #5b3d96 !important;
	box-shadow: 0 2px 8px rgba(11, 31, 77, 0.06);
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cdm-h2,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-h2 {
	color: #0b1f4d;
}

body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-my-music-member-card__stat {
	margin: 8px 0 12px;
	padding: 0;
	font-weight: 600;
	color: #3d4a66;
}

/* Jeux — conserver accents UX-02E/H sur CTA, neutraliser fonds carte blancs */
body.page-id-408 .cdm-universe--jeux .cdg-player-chip__level {
	position: relative;
	z-index: 2;
}

/* ============================================================
   Mobile — voile identique (≤ 82 %)
   ============================================================ */

@media (max-width: 920px) {
	body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card,
	body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card,
	body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card,
	body.page-id-408 .cdm-universe--jeux .cdg-member-room-card {
		padding-right: unset !important;
		padding-top: unset !important;
	}
}