/**
 * Okane Portfolio — pages légales (mentions, CGU, confidentialité).
 *
 * Ce sont de vraies pages WordPress : le contenu vient de l'éditeur, pas d'un
 * gabarit. On habille donc la prose telle qu'elle sort — titres, listes,
 * paragraphes — dans la palette du site, sans imposer de balisage à l'auteur.
 */

.okane-legal {
	background: var(--ok-bg);
	color: var(--ok-ink-soft);
}
/* Le thème pose ses propres fonds clairs autour du contenu : on les efface,
   comme pour les pages de vente (voir .okane-dark-page). */
.okane-legal #page,
.okane-legal #content,
.okane-legal .site-content,
.okane-legal .ast-container,
.okane-legal #primary,
.okane-legal__page,
.okane-legal .ast-article-single {
	background: transparent !important;
}

/* Le conteneur et le <h1> viennent du filtre the_content : le gabarit « Canvas »
   d'Elementor, lui, sort le contenu nu et sans titre. */
.okane-legal__page {
	max-width: 74ch;
	margin: 0 auto;
	padding: clamp(100px, 15vh, 170px) clamp(20px, 5vw, 90px) clamp(70px, 12vh, 140px);
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-size: clamp(14.5px, 1.15vw, 16.5px);
	line-height: 1.75;
}

.okane-legal__title {
	margin: 0 0 clamp(30px, 5vh, 52px);
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -.02em;
	line-height: 1.02;
	font-size: clamp(30px, 4.6vw, 60px);
	color: var(--ok-ink);
}

.okane-legal__page h2 {
	margin: clamp(38px, 6vh, 62px) 0 14px;
	font-family: 'Fraunces', Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size: clamp(22px, 2.6vw, 32px);
	line-height: 1.2;
	color: var(--ok-ink);
}
.okane-legal__page h2:first-child { margin-top: 0; }
/* Separateur de partie : un document qui reunit CGU et CGV se lit en deux
   blocs. La partie doit dominer l'article, d'ou une taille superieure et un
   filet qui marque la rupture. */
.okane-legal__page h2.okane-legal__part {
	margin-top: clamp(56px, 9vh, 96px);
	padding-top: clamp(26px, 4vh, 44px);
	border-top: 1px solid var(--ok-line);
	font-size: clamp(26px, 3.4vw, 40px);
	color: var(--ok-accent);
}
/* Formulaire type de retractation : un bloc a recopier, detache du texte. */
.okane-legal__page blockquote {
	margin: 0 0 1.4em;
	padding: clamp(18px, 3vw, 30px);
	border: 1px solid var(--ok-line);
	border-left: 2px solid var(--ok-accent);
	border-radius: 4px;
	background: var(--ok-hover);
}
.okane-legal__page blockquote p:last-child { margin-bottom: 0; }
.okane-legal__page h3 {
	margin: 26px 0 8px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--ok-accent);
}
.okane-legal__page p { margin: 0 0 1.1em; }
.okane-legal__page strong { color: var(--ok-ink); font-weight: 500; }

.okane-legal__page ul {
	margin: 0 0 1.4em;
	padding: 0;
	list-style: none;
}
.okane-legal__page li {
	position: relative;
	padding: 0 0 12px 22px;
	margin-bottom: 12px;
	border-bottom: 1px solid var(--ok-line);
}
.okane-legal__page li:last-child { border-bottom: 0; }
.okane-legal__page li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: .72em;
	width: 8px;
	height: 1px;
	background: var(--ok-accent);
}

.okane-legal__page a {
	color: var(--ok-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: var(--ok-line-strong);
}
.okane-legal__page a:hover { color: var(--ok-accent); text-decoration-color: currentColor; }

/* Repère « [à compléter] » : volontairement voyant. Tant qu'il reste un de ces
   surlignages sur la page, le texte n'est pas publiable en l'état. */
.okane-legal__todo {
	padding: 1px 7px;
	border-radius: 4px;
	background: var(--ok-err-bg);
	box-shadow: inset 0 0 0 1px var(--ok-err-line);
	color: var(--ok-err-ink);
	font-size: .92em;
}

.okane-legal__meta {
	margin-top: clamp(40px, 7vh, 70px);
	padding-top: 22px;
	border-top: 1px solid var(--ok-line);
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--ok-muted);
}

/* Bouton « préférences cookies » posé dans le corps de la politique. */
.okane-legal__cookies {
	padding: 11px 20px;
	border: 1px solid var(--ok-line);
	border-radius: 100px;
	background: none;
	color: var(--ok-ink);
	font: inherit;
	font-size: 12px;
	letter-spacing: .16em;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color .3s ease, background .3s ease;
}
.okane-legal__cookies,
.okane-legal__cookies:hover,
.okane-legal__cookies:focus { background-color: transparent; color: var(--ok-ink); }
.okane-legal__cookies:hover { border-color: var(--ok-accent); background-color: var(--ok-hover); }

.okane-legal :focus-visible { outline: 2px solid var(--ok-accent); outline-offset: 3px; }