/* ─────────────────────────────────────────────────────────────────────────────
   Studio Pierre Junior — Pages légales (Mentions légales, CGV, Confidentialité)
   ───────────────────────────────────────────────────────────────────────────── */

.studio-legal {
	background:  #f5f3ef;
	padding-top: calc(var(--studio-header-h, 72px) + 3rem);
	padding-bottom: 6rem;
	min-height:  100vh;
}

.studio-legal__container {
	max-width: 820px;
	margin:    0 auto;
	padding:   0 clamp(1.25rem, 5vw, 3rem);
}

/* ── En-tête ──────────────────────────────────────────────────────────────── */

.studio-legal__header {
	padding-bottom: 2.5rem;
	border-bottom:  2px solid #0a0a0a;
	margin-bottom:  3rem;
}

.studio-legal__eyebrow {
	font-size:      0.58rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color:          rgba(10,10,10,0.4);
	margin:         0 0 0.75rem;
}

.studio-legal__title {
	font-family:    var(--studio-font-heading, "Cormorant Garamond", serif);
	font-size:      clamp(2rem, 5vw, 3.2rem);
	font-weight:    300;
	letter-spacing: -0.01em;
	color:          #0a0a0a;
	margin:         0 0 0.75rem;
	line-height:    1.1;
}

.studio-legal__updated {
	font-size:  0.72rem;
	color:      rgba(10,10,10,0.4);
	margin:     0;
}

/* ── Contenu ──────────────────────────────────────────────────────────────── */

.studio-legal__content {
	color:       #0a0a0a;
	line-height: 1.8;
}

.studio-legal__content h2 {
	font-size:      1.05rem;
	font-weight:    600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin:         3rem 0 1rem;
	padding-top:    0.5rem;
	border-top:     1px solid rgba(10,10,10,0.1);
}

.studio-legal__content h3 {
	font-size:   0.9rem;
	font-weight: 600;
	margin:      1.75rem 0 0.6rem;
}

.studio-legal__content p {
	font-size:   0.88rem;
	margin:      0 0 1rem;
}

.studio-legal__content ul,
.studio-legal__content ol {
	font-size:   0.88rem;
	margin:      0 0 1rem 1.25rem;
	padding:     0;
}

.studio-legal__content li {
	margin-bottom: 0.4rem;
}

.studio-legal__content a {
	color:           #0a0a0a;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.studio-legal__content strong {
	font-weight: 600;
}

/* ── Bloc info encadré ────────────────────────────────────────────────────── */

.studio-legal__info-block {
	background:  #fff;
	border:      1px solid rgba(10,10,10,0.08);
	padding:     1.5rem 2rem;
	margin:      1.5rem 0 2rem;
}

.studio-legal__info-block p {
	margin: 0.35rem 0;
}

.studio-legal__info-block p:first-child {
	margin-top: 0;
}

.studio-legal__info-block p:last-child {
	margin-bottom: 0;
}

/* ── Tag [À compléter] ────────────────────────────────────────────────────── */

.studio-legal__todo {
	background:     rgba(251, 188, 5, 0.18);
	color:          #92400e;
	font-size:      0.7rem;
	font-weight:    600;
	letter-spacing: 0.06em;
	padding:        0.1rem 0.5rem;
	border-radius:  2px;
}

/* ── Retour ───────────────────────────────────────────────────────────────── */

.studio-legal__back {
	display:        inline-flex;
	align-items:    center;
	gap:            0.4rem;
	font-size:      0.65rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color:          rgba(10,10,10,0.45);
	text-decoration:none;
	margin-bottom:  2rem;
	transition:     color 0.2s;
}

.studio-legal__back:hover {
	color: #0a0a0a;
}