/**
 * UX-02G — Renforcement visibilité fonds page membre (v1.0.1).
 * Override UX-02F — opacités plus perceptibles, lisibilité conservée.
 */

/* ============================================================
   CTA soirée — contraste + hover blanc (#page bat branding)
   ============================================================ */

body.page-id-408 #page .cdm-wrap--ux02c .cd-member-cta-find a.cd-btn-primary {
	color: #fff !important;
}

body.page-id-408 #page .cdm-wrap--ux02c .cd-member-cta-find a.cd-btn-primary:hover,
body.page-id-408 #page .cdm-wrap--ux02c .cd-member-cta-find a.cd-btn-primary:focus-visible {
	color: #fff !important;
	background: #6a3fb5 !important;
	border-color: rgba(106, 63, 181, 0.4) !important;
}

/* ============================================================
   Musique & Culture — fond plus visible (~42 % image, voile ~48 %)
   ============================================================ */

body.page-id-408 .cdm-universe--musique::before {
	opacity: 0.48;
	background-position: center;
	background-size: cover;
}

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

body.page-id-408 .cdm-universe--musique .cdm-universe__grid .cdm-card,
body.page-id-408 .cdm-universe--musique .cdm-universe__grid .csr-member-card {
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 10px 28px rgba(11, 31, 77, 0.08);
}

/* ============================================================
   Mes mots doux — cœurs visibles, voile rose allégé
   ============================================================ */

body.page-id-408 #cdsp-member-mots-doux-card.cdsp-member-space-card {
	background-image:
		linear-gradient(
			145deg,
			rgba(255, 235, 243, 0.62) 0%,
			rgba(255, 220, 235, 0.58) 45%,
			rgba(255, 240, 228, 0.65) 100%
		),
		var(--cdm-bg-coeurs);
	background-size: cover, cover;
	background-position: center, center;
}

body.page-id-408 #cdsp-member-mots-doux-card.cdsp-member-space-card::before {
	opacity: 0.25;
}

body.page-id-408 #cdsp-member-mots-doux-card.cdsp-member-space-card::after {
	opacity: 0.03;
}

body.page-id-408 #cdsp-member-mots-doux-card .cdm-card__head,
body.page-id-408 #cdsp-member-mots-doux-card .cdsp-member-space-card__postit,
body.page-id-408 #cdsp-member-mots-doux-card .cdsp-member-space-card__preview,
body.page-id-408 #cdsp-member-mots-doux-card .cdsp-member-space-card__empty {
	background: rgba(255, 255, 255, 0.42);
	border-radius: 14px;
}

body.page-id-408 #cdsp-member-mots-doux-card .cdsp-member-space-card__btn {
	color: #fff !important;
}

body.page-id-408 #page #cdsp-member-mots-doux-card .cdsp-member-space-card__btn:hover,
body.page-id-408 #page #cdsp-member-mots-doux-card .cdsp-member-space-card__btn:focus-visible {
	color: #fff !important;
}

/* ============================================================
   Jeux — fond ludique plus visible (voile ~45 %)
   ============================================================ */

body.page-id-408 .cdm-universe--jeux::before {
	opacity: 0.72;
}

body.page-id-408 .cdm-universe--jeux::after {
	background: linear-gradient(
		135deg,
		rgba(255, 255, 255, 0.5) 0%,
		rgba(237, 233, 254, 0.45) 50%,
		rgba(255, 255, 255, 0.52) 100%
	);
}

body.page-id-408 .cdm-universe--jeux .cdg-member-identity-card,
body.page-id-408 .cdm-universe--jeux .cdg-member-room-card {
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 10px 28px rgba(106, 63, 181, 0.1);
}

/* ============================================================
   Mobile — conserver visibilité sans sacrifier lisibilité
   ============================================================ */

@media (max-width: 920px) {
	body.page-id-408 .cdm-universe--musique::before {
		opacity: 0.4;
	}

	body.page-id-408 .cdm-universe--musique::after {
		background: linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.58) 0%,
			rgba(255, 255, 255, 0.52) 100%
		);
	}

	body.page-id-408 .cdm-universe--jeux::before {
		opacity: 0.58;
	}

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

	body.page-id-408 #cdsp-member-mots-doux-card.cdsp-member-space-card {
		background-image:
			linear-gradient(
				145deg,
				rgba(255, 235, 243, 0.68) 0%,
				rgba(255, 220, 235, 0.64) 100%
			),
			var(--cdm-bg-coeurs);
	}
}