/**
 * UX-02D — Amélioration visuelle page membre V5.
 * Overlay CSS uniquement — ne modifie pas la logique UX-02C.
 *
 * Palette : #0B1F4D · #6A3FB5 · #C04BA5 · #F08A4B · #FFD166 · #F4F6F8
 */

/* —— Tokens locaux —— */
body.page-id-408 .cdm-wrap--ux02c {
	--cdm-v5-navy: #0b1f4d;
	--cdm-v5-violet: #6a3fb5;
	--cdm-v5-magenta: #c04ba5;
	--cdm-v5-orange: #f08a4b;
	--cdm-v5-gold: #ffd166;
	--cdm-v5-bg: #f4f6f8;
	--cdm-v5-radius: 20px;
	--cdm-v5-shadow: 0 10px 28px rgba(11, 31, 77, 0.07);
	--cdm-v5-shadow-hover: 0 14px 36px rgba(11, 31, 77, 0.1);
	--cdm-v5-border: rgba(11, 31, 77, 0.08);
}

/* —— Enveloppe & hero —— */
body.page-id-408 .entry-content:has(.cdm-wrap--ux02c),
body.page-id-408 .site-content:has(.cdm-wrap--ux02c) {
	background: var(--cdm-v5-bg);
}

body.page-id-408 .cdm-wrap--ux02c {
	padding-bottom: 24px;
}

body.page-id-408 .cdm-hero--ux02c {
	border-radius: var(--cdm-v5-radius);
	border-color: rgba(11, 31, 77, 0.08);
	background: linear-gradient(145deg, #fff 0%, rgba(244, 246, 248, 0.95) 100%);
	box-shadow: var(--cdm-v5-shadow);
}

/* —— Nav ancres — pills premium —— */
body.page-id-408 .cdm-universe-nav {
	margin: 20px 0 12px;
	padding: 10px 12px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid var(--cdm-v5-border);
	box-shadow: 0 6px 18px rgba(11, 31, 77, 0.04);
}

body.page-id-408 .cdm-universe-nav__list {
	gap: 10px;
}

body.page-id-408 .cdm-universe-nav__link {
	padding: 10px 16px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.02em;
	border-radius: 999px;
	border: 1px solid rgba(11, 31, 77, 0.1);
	background: #fff;
	color: var(--cdm-v5-navy);
	box-shadow: 0 2px 6px rgba(11, 31, 77, 0.04);
}

body.page-id-408 .cdm-universe-nav__link:hover,
body.page-id-408 .cdm-universe-nav__link:focus-visible {
	background: linear-gradient(135deg, rgba(106, 63, 181, 0.1), rgba(192, 75, 165, 0.08));
	border-color: rgba(106, 63, 181, 0.28);
	color: var(--cdm-v5-violet);
	box-shadow: 0 4px 12px rgba(106, 63, 181, 0.12);
}

/* —— Sections — fonds univers —— */
body.page-id-408 .cdm-universe {
	margin-bottom: 36px;
	padding: 22px 20px 20px;
	border-radius: calc(var(--cdm-v5-radius) + 4px);
	border: 1px solid transparent;
}

body.page-id-408 .cdm-universe--dashboard {
	background: linear-gradient(160deg, rgba(11, 31, 77, 0.04) 0%, rgba(106, 63, 181, 0.05) 100%);
	border-color: rgba(11, 31, 77, 0.06);
}

body.page-id-408 .cdm-universe--danse {
	background: linear-gradient(180deg, #fffdf9 0%, rgba(240, 138, 75, 0.06) 100%);
	border-color: rgba(240, 138, 75, 0.1);
}

body.page-id-408 .cdm-universe--premium {
	background: linear-gradient(145deg, rgba(255, 209, 102, 0.14) 0%, rgba(192, 75, 165, 0.07) 100%);
	border-color: rgba(192, 75, 165, 0.12);
}

body.page-id-408 .cdm-universe--musique {
	background: linear-gradient(180deg, rgba(106, 63, 181, 0.06) 0%, rgba(106, 63, 181, 0.02) 100%);
	border-color: rgba(106, 63, 181, 0.08);
}

body.page-id-408 .cdm-universe--communaute {
	background: linear-gradient(180deg, rgba(11, 31, 77, 0.04) 0%, rgba(11, 31, 77, 0.015) 100%);
	border-color: rgba(11, 31, 77, 0.06);
}

body.page-id-408 .cdm-universe--jeux {
	background: linear-gradient(135deg, rgba(106, 63, 181, 0.05) 0%, rgba(11, 31, 77, 0.04) 100%);
	border-color: rgba(106, 63, 181, 0.08);
}

body.page-id-408 .cdm-universe--organisateur {
	background: linear-gradient(180deg, rgba(240, 138, 75, 0.08) 0%, rgba(240, 138, 75, 0.03) 100%);
	border-color: rgba(240, 138, 75, 0.12);
}

body.page-id-408 .cdm-universe--guest {
	background: linear-gradient(160deg, rgba(11, 31, 77, 0.04) 0%, rgba(106, 63, 181, 0.05) 100%);
	border-color: rgba(11, 31, 77, 0.06);
}

/* —— Titres de section —— */
body.page-id-408 .cdm-universe__title {
	margin: 0 0 22px;
	padding: 0 0 14px 2px;
	border-bottom: none;
	font-size: 11px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--cdm-v5-navy);
	position: relative;
}

body.page-id-408 .cdm-universe__title::after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 0;
	width: 48px;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--cdm-v5-violet), var(--cdm-v5-magenta));
	opacity: 0.75;
}

body.page-id-408 .cdm-universe--danse .cdm-universe__title::after {
	background: linear-gradient(90deg, var(--cdm-v5-orange), var(--cdm-v5-gold));
}

body.page-id-408 .cdm-universe--premium .cdm-universe__title::after {
	background: linear-gradient(90deg, var(--cdm-v5-magenta), var(--cdm-v5-gold));
}

body.page-id-408 .cdm-universe--musique .cdm-universe__title::after {
	background: linear-gradient(90deg, var(--cdm-v5-violet), var(--cdm-v5-magenta));
}

body.page-id-408 .cdm-universe--communaute .cdm-universe__title::after {
	background: linear-gradient(90deg, var(--cdm-v5-navy), var(--cdm-v5-violet));
}

body.page-id-408 .cdm-universe--jeux .cdm-universe__title::after {
	background: linear-gradient(90deg, var(--cdm-v5-violet), var(--cdm-v5-navy));
}

body.page-id-408 .cdm-universe--organisateur .cdm-universe__title::after {
	background: linear-gradient(90deg, var(--cdm-v5-orange), var(--cdm-v5-gold));
}

/* —— Grille —— */
body.page-id-408 .cdm-universe__grid {
	gap: 18px;
}

/* Carte seule sur une ligne → pleine largeur */
body.page-id-408 .cdm-universe__grid > :only-child {
	grid-column: 1 / -1;
}

/* Pleine largeur ciblée (complète UX-02C) */
body.page-id-408 .cdm-universe__grid > #cdsp-member-mots-doux-card,
body.page-id-408 .cdm-universe__grid > .cdsp-member-space-card,
body.page-id-408 .cdm-universe__grid > .cdm-my-music-member-card,
body.page-id-408 .cdm-universe__grid > .cdm-card--premium.cdm-card--cta,
body.page-id-408 .cdm-universe__grid > .cdp-bday-member-card {
	grid-column: 1 / -1;
}

/* Jeux : conserver 2 colonnes */
body.page-id-408 .cdm-universe--jeux .cdm-universe__grid > .cdg-member-identity-card,
body.page-id-408 .cdm-universe--jeux .cdm-universe__grid > .cdg-member-room-card {
	grid-column: auto;
}

/* —— Cartes — uniformisation —— */
body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cdm-card,
body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cdg-member-identity-card,
body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cdg-member-room-card,
body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .csr-member-card,
body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cd-member-guided,
body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid #cdm-member-coach,
body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cd-member-cta-find {
	border-radius: var(--cdm-v5-radius);
	border: 1px solid var(--cdm-v5-border);
	box-shadow: var(--cdm-v5-shadow);
	background: #fff;
	transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cdm-card__head,
body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cdm-card > .cdm-row,
body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .csr-member-card {
	padding-left: 18px;
	padding-right: 18px;
}

body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cdm-card__head {
	padding-top: 18px;
}

body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cdm-card > .cdm-row:last-child,
body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .csr-member-card .csr-member-card__btn {
	padding-bottom: 18px;
}

body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cdm-card:hover,
body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cdg-member-identity-card:hover,
body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cdg-member-room-card:hover,
body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .csr-member-card:hover {
	box-shadow: var(--cdm-v5-shadow-hover);
	border-color: rgba(106, 63, 181, 0.14);
	transform: translateY(-1px);
}

/* —— Hiérarchie typographique —— */
body.page-id-408 .cdm-wrap--ux02c .cdm-h2,
body.page-id-408 .cdm-wrap--ux02c .cdg-member-room-card__title,
body.page-id-408 .cdm-wrap--ux02c .csr-member-card__title {
	color: var(--cdm-v5-navy);
	font-size: 21px;
	font-weight: 800;
	line-height: 1.28;
	letter-spacing: -0.01em;
}

body.page-id-408 .cdm-wrap--ux02c .cdm-muted,
body.page-id-408 .cdm-wrap--ux02c .cdg-member-room-card__lead,
body.page-id-408 .cdm-wrap--ux02c .csr-member-card__text {
	color: rgba(11, 31, 77, 0.72);
	line-height: 1.55;
	margin-top: 0.35em;
}

body.page-id-408 .cdm-wrap--ux02c .cdm-card__head .cdm-muted {
	max-width: 42em;
}

/* —— Badges / pills —— */
body.page-id-408 .cdm-wrap--ux02c .cdm-pill,
body.page-id-408 .cdm-wrap--ux02c .csr-member-card__pill,
body.page-id-408 .cdm-wrap--ux02c .cdm-card--forum-community__pill {
	display: inline-flex;
	align-items: center;
	padding: 5px 11px;
	border-radius: 999px;
	border: 1px solid rgba(11, 31, 77, 0.1);
	background: rgba(244, 246, 248, 0.9);
	color: var(--cdm-v5-navy);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.03em;
	white-space: nowrap;
}

body.page-id-408 .cdm-universe--premium .cdm-pill,
body.page-id-408 .cdm-wrap--ux02c .csr-member-card__pill {
	background: rgba(255, 209, 102, 0.28);
	border-color: rgba(192, 75, 165, 0.18);
	color: #7a3d6b;
}

/* —— CTA principaux —— */
body.page-id-408 .cdm-wrap--ux02c .cdm-btn:not(.cdm-btn--ghost) {
	min-height: 44px;
	padding: 10px 18px;
	border-radius: 12px;
	font-weight: 800;
	font-size: 14px;
	background: var(--cdm-v5-navy);
	border-color: rgba(11, 31, 77, 0.35);
	box-shadow: 0 4px 14px rgba(11, 31, 77, 0.14);
	transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

body.page-id-408 .cdm-wrap--ux02c .cdm-btn:not(.cdm-btn--ghost):hover,
body.page-id-408 .cdm-wrap--ux02c .cdm-btn:not(.cdm-btn--ghost):focus-visible {
	background: var(--cdm-v5-violet);
	border-color: rgba(106, 63, 181, 0.4);
	box-shadow: 0 6px 18px rgba(106, 63, 181, 0.22);
	transform: translateY(-1px);
}

body.page-id-408 .cdm-wrap--ux02c .cdm-btn--pink {
	background: linear-gradient(135deg, var(--cdm-v5-orange), #e87855);
	border-color: rgba(240, 138, 75, 0.45);
}

body.page-id-408 .cdm-wrap--ux02c .cdm-btn--pink:hover,
body.page-id-408 .cdm-wrap--ux02c .cdm-btn--pink:focus-visible {
	background: linear-gradient(135deg, var(--cdm-v5-violet), var(--cdm-v5-magenta));
}

body.page-id-408 .cdm-wrap--ux02c .cdm-btn--ghost {
	border-radius: 12px;
	font-weight: 700;
}

body.page-id-408 .cdm-wrap--ux02c .cdm-row {
	gap: 10px;
	margin-top: 4px;
}

/* —— Premium — invitation douce —— */
body.page-id-408 .cdm-universe--premium .cdm-card--premium,
body.page-id-408 .cdm-universe--premium .cdm-card--cta#cdm-member-access {
	border-color: rgba(192, 75, 165, 0.18);
	background: linear-gradient(145deg, #fff 0%, rgba(255, 209, 102, 0.08) 100%);
}

body.page-id-408 .cdm-universe--premium .cdm-card--cta#cdm-member-access:hover {
	border-color: rgba(192, 75, 165, 0.28);
}

/* —— Dashboard blocs —— */
body.page-id-408 .cdm-wrap--ux02c .cd-member-onboarding p,
body.page-id-408 .cdm-wrap--ux02c .cd-member-insight p {
	padding: 14px 16px;
	border-radius: 14px;
	line-height: 1.5;
}

body.page-id-408 .cdm-wrap--ux02c .cd-member-cta-find {
	padding: 20px 22px;
	border-radius: var(--cdm-v5-radius);
}

body.page-id-408 .cdm-wrap--ux02c .cd-member-guided {
	padding: 18px 20px;
}

body.page-id-408 .cdm-wrap--ux02c .cd-guided-title {
	font-size: 17px;
	margin-bottom: 12px;
}

body.page-id-408 .cdm-wrap--ux02c #cdm-member-coach {
	padding: 18px;
}

body.page-id-408 .cdm-wrap--ux02c .cdm-coach__title {
	font-size: 19px;
	font-weight: 800;
	color: var(--cdm-v5-navy);
}

body.page-id-408 .cdm-wrap--ux02c .cdm-coach__lead {
	line-height: 1.5;
	margin-top: 0.35em;
}

/* —— Jeux — padding interne —— */
body.page-id-408 .cdm-wrap--ux02c .cdg-member-identity-card,
body.page-id-408 .cdm-wrap--ux02c .cdg-member-room-card {
	padding: 18px 20px;
}

body.page-id-408 .cdm-wrap--ux02c .cdg-member-room-card__actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 18px;
	border-radius: 12px;
	font-weight: 800;
}

/* —— Mots doux —— */
body.page-id-408 .cdm-universe--communaute #cdsp-member-mots-doux-card {
	background: linear-gradient(145deg, #fff 0%, rgba(192, 75, 165, 0.04) 100%);
}

/* —— Mobile —— */
@media (max-width: 920px) {
	body.page-id-408 .cdm-universe {
		margin-bottom: 28px;
		padding: 18px 14px 16px;
		border-radius: 18px;
	}

	body.page-id-408 .cdm-universe__title {
		margin-bottom: 18px;
	}

	body.page-id-408 .cdm-universe-nav {
		margin-left: -4px;
		margin-right: -4px;
		padding: 8px 10px;
		border-radius: 14px;
	}

	body.page-id-408 .cdm-universe-nav__list {
		gap: 8px;
		padding-bottom: 6px;
		scrollbar-width: thin;
		scrollbar-color: rgba(106, 63, 181, 0.35) transparent;
	}

	body.page-id-408 .cdm-universe-nav__link {
		padding: 11px 15px;
		font-size: 12px;
		min-height: 44px;
		box-sizing: border-box;
	}

	body.page-id-408 .cdm-universe--jeux .cdm-universe__grid > .cdg-member-identity-card,
	body.page-id-408 .cdm-universe--jeux .cdm-universe__grid > .cdg-member-room-card {
		grid-column: 1 / -1;
	}

	body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cdm-card:hover,
	body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cdg-member-identity-card:hover,
	body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .cdg-member-room-card:hover,
	body.page-id-408 .cdm-wrap--ux02c .cdm-universe__grid .csr-member-card:hover {
		transform: none;
	}

	body.page-id-408 .cdm-wrap--ux02c .cdm-h2,
	body.page-id-408 .cdm-wrap--ux02c .cdg-member-room-card__title {
		font-size: 19px;
	}
}

@media (max-width: 600px) {
	body.page-id-408 .cdm-universe {
		padding: 16px 12px 14px;
	}

	body.page-id-408 .cdm-universe__grid {
		gap: 14px;
	}
}