/**
 * UX-02I — Univers Musique visible (bande décorative premium).
 * Override UX-02H (décor léger) — bande haute + vague haut/droite, texte protégé.
 */

/* ============================================================
   Cartes ciblées — reset fond plat UX-02G/H
   ============================================================ */

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card,
body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background: #fff !important;
	box-shadow: 0 12px 32px rgba(11, 31, 77, 0.1);
	border-color: rgba(106, 63, 181, 0.1);
}

/* Décor : bande supérieure + vague haut/droite (opacité image 0.35–0.55) */
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 {
	content: "";
	position: absolute;
	inset: 0;
	top: 0;
	right: 0;
	width: auto;
	height: auto;
	transform: none;
	background:
		var(--cdm-bg-musique) no-repeat center top / 100% 52%,
		var(--cdm-bg-musique) no-repeat right -6% top / 56% 68%;
	opacity: 0.48;
	pointer-events: none;
	z-index: 0;
}

/* Voile bas de carte — zones texte (0.75–0.90) */
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 {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0.1) 0%,
		rgba(255, 255, 255, 0.38) 24%,
		rgba(255, 255, 255, 0.76) 40%,
		rgba(255, 255, 255, 0.86) 54%,
		rgba(255, 255, 255, 0.9) 100%
	);
	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 > * {
	position: relative;
	z-index: 2;
}

/* ============================================================
   Lisibilité — fonds semi-blancs sur zones de contenu
   ============================================================ */

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cdm-card__head {
	padding: 12px 14px 10px;
	margin: 0 0 8px;
	border-radius: 0 0 14px 14px;
	background: rgba(255, 255, 255, 0.88);
}

body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-card__head {
	padding: 12px 14px 10px;
	margin: 0 0 6px;
	border-radius: 0 0 14px 14px;
	background: rgba(255, 255, 255, 0.88);
}

body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-my-music-member-card__stat {
	padding: 8px 12px;
	margin: 0 0 10px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.86);
}

body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-row {
	padding: 8px 10px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.84);
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cd-musicality-entry-card__actions {
	padding: 10px 12px;
	margin: 0;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(6px);
}

body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cd-musicality-entry-card__note {
	padding: 8px 12px;
	margin-top: 8px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.84);
}

/* Badge Musicalité — lisible au-dessus du décor */
body.page-id-408 .cdm-universe--musique #cdmu-member-musicality-card .cd-musicality-entry-card__badge {
	z-index: 1;
	opacity: 0.16;
}

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 {
	position: relative;
	z-index: 4;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 2px 8px rgba(11, 31, 77, 0.06);
}

body.page-id-408 .cdm-universe--musique .cdm-my-music-member-card .cdm-pill {
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 2px 8px rgba(11, 31, 77, 0.06);
}

/* ============================================================
   Section Musique — renfort léger (neutralise voile UX-02G trop blanc)
   ============================================================ */

body.page-id-408 .cdm-universe--musique::before {
	opacity: 0.54 !important;
}

body.page-id-408 .cdm-universe--musique::after {
	background: linear-gradient(
		135deg,
		rgba(255, 255, 255, 0.44) 0%,
		rgba(244, 246, 248, 0.4) 55%,
		rgba(255, 255, 255, 0.48) 100%
	) !important;
}

/* ============================================================
   Mobile — bande haute discrète
   ============================================================ */

@media (max-width: 920px) {
	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 {
		background: var(--cdm-bg-musique) no-repeat center top / 100% 36%;
		opacity: 0.36;
	}

	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 {
		background: linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.2) 0%,
			rgba(255, 255, 255, 0.72) 32%,
			rgba(255, 255, 255, 0.9) 100%
		);
	}

	body.page-id-408 .cdm-universe--musique::before {
		opacity: 0.42 !important;
	}

	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 {
		background: rgba(255, 255, 255, 0.92);
	}
}