/* ============================================================
   WPMove — Pages intérieures (Ollie Child v2)
   Chargée sur toutes les pages SAUF l'accueil (qui a landing.css).
   Aligne les pages Gutenberg existantes (Comment ça marche, FAQ,
   Free vs Premium, Contact, Tarifs…) sur le langage de la landing v2 —
   SANS toucher au contenu en base : on cible les structures de blocs
   telles qu'elles sont écrites (fond #1e1b4b = hero, fond #EEF2FF = carte
   ou bandeau CTA, bordure #e5e7eb = carte FAQ), les mêmes signatures que
   wpmove-blocks.css exploite déjà. Les valeurs en ligne des blocs ont la
   plus haute spécificité : les !important ci-dessous sont la contrepartie
   de « ne pas réécrire les pages ».
   ============================================================ */

:root {
	--wpl-hero-bg: #1E1B4B;
	--wpl-hero-sub: #C7D2FE;
}

:root[data-theme="dark"] {
	--wpl-hero-bg: #11151D;
}

/* ---------- Hero sombre (groupe pleine largeur #1e1b4b) ---------- */
.entry-content > .wp-block-group.alignfull[style*="1e1b4b"] {
	background-color: var(--wpl-hero-bg) !important;
	padding-top: 96px !important;
	padding-bottom: 96px !important;
}

.entry-content > .wp-block-group.alignfull[style*="1e1b4b"] h1 {
	font-size: 48px !important;
	font-weight: 800 !important;
	letter-spacing: -0.03em;
	line-height: 1.08;
	text-wrap: balance;
	margin-bottom: 20px;
}

.entry-content > .wp-block-group.alignfull[style*="1e1b4b"] p {
	font-size: 20px !important;
	line-height: 1.55;
	color: var(--wpl-hero-sub) !important;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	text-wrap: balance;
}

.entry-content > .wp-block-group.alignfull[style*="1e1b4b"] p a {
	color: #ffffff !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ---------- Titres de section ---------- */
.entry-content h2.wp-block-heading {
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.15;
	text-wrap: balance;
}

.entry-content h2.wp-block-heading + p.has-text-align-center {
	font-size: 18px;
	color: var(--wp-text-muted);
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	text-wrap: balance;
}

/* Titre centré d'un bandeau CTA (h3 dans le groupe pleine largeur) */
.entry-content > .wp-block-group.alignfull h3.has-text-align-center {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.02em;
}

@media (max-width: 768px) {
	.entry-content > .wp-block-group.alignfull[style*="1e1b4b"] {
		padding-top: 56px !important;
		padding-bottom: 56px !important;
	}

	.entry-content > .wp-block-group.alignfull[style*="1e1b4b"] h1 {
		font-size: 36px !important;
	}

	.entry-content > .wp-block-group.alignfull[style*="1e1b4b"] p {
		font-size: 17px !important;
	}

	.entry-content h2.wp-block-heading {
		font-size: 30px;
	}

	.entry-content > .wp-block-group.alignfull h3.has-text-align-center {
		font-size: 26px;
	}
}

/* ---------- Cartes lavande (groupe #EEF2FF NON pleine largeur) → carte bordée ---------- */
.entry-content .wp-block-group[style*="EEF2FF"]:not(.alignfull) {
	background-color: var(--wp-surface) !important;
	border: 1px solid var(--wp-border);
	border-radius: var(--wp-radius) !important;
	padding: 24px !important;
	transition: border-color 0.15s ease;
}

.entry-content .wp-block-group[style*="EEF2FF"]:not(.alignfull):hover {
	border-color: var(--wp-border-strong);
}

/* wpmove-tokens.css force un texte sombre dans ces groupes (ils restaient
   lavande en mode nuit) ; devenus des surfaces, ils suivent le mode. */
.entry-content .wp-block-group[style*="EEF2FF"]:not(.alignfull),
.entry-content .wp-block-group[style*="EEF2FF"]:not(.alignfull) :where(h1, h2, h3, h4, h5, h6, p, li, strong, em, code) {
	color: var(--wp-text);
}

.entry-content .wp-block-group[style*="EEF2FF"]:not(.alignfull) p[style*="0.875rem"],
.entry-content .wp-block-group[style*="EEF2FF"]:not(.alignfull) p[style*="0.8rem"] {
	color: var(--wp-text-muted);
	font-size: 15px !important;
	line-height: 1.6;
}

.entry-content .wp-block-group[style*="EEF2FF"]:not(.alignfull) h4 {
	font-size: 17px !important;
	font-weight: 600;
	margin-bottom: 8px;
}

/* Cartes « étape Premium » (bordure gauche indigo en ligne) : garder l'accent */
.entry-content .wp-block-group[style*="EEF2FF"][style*="border-left"]:not(.alignfull) {
	border-left-width: 3px !important;
	border-left-color: var(--wp-accent) !important;
}

/* ---------- Bandeau CTA lavande (groupe #EEF2FF pleine largeur) ---------- */
.entry-content > .wp-block-group.alignfull[style*="EEF2FF"] {
	background-color: var(--wp-bg-subtle) !important;
	border-top: 1px solid var(--wp-border);
	border-bottom: 1px solid var(--wp-border);
	padding-top: 96px !important;
	padding-bottom: 96px !important;
}

.entry-content > .wp-block-group.alignfull[style*="EEF2FF"],
.entry-content > .wp-block-group.alignfull[style*="EEF2FF"] :where(h2, h3, p) {
	color: var(--wp-text);
}

.entry-content > .wp-block-group.alignfull[style*="EEF2FF"] p.has-text-align-center {
	font-size: 18px;
	color: var(--wp-text-muted);
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

/* ---------- Cartes FAQ (bordure #e5e7eb en ligne) ---------- */
.entry-content .wp-block-group.has-border-color[style*="e5e7eb"] {
	border-color: var(--wp-border) !important;
	border-radius: var(--wp-radius) !important;
	background: var(--wp-surface);
	padding: 24px 28px !important;
}

.entry-content .wp-block-group.has-border-color[style*="e5e7eb"] h3 {
	font-size: 17px !important;
	margin-bottom: 8px;
}

.entry-content .wp-block-group.has-border-color[style*="e5e7eb"] p[style*="4b5563"] {
	color: var(--wp-text-muted) !important;
	font-size: 15px !important;
	line-height: 1.6;
}

.entry-content .wp-block-group.has-border-color[style*="e5e7eb"] code {
	font-family: var(--wp-font-mono);
	font-size: 0.85em;
	background: var(--wp-bg-subtle);
	border: 1px solid var(--wp-border);
	border-radius: 4px;
	padding: 1px 5px;
}

/* ---------- Séparateurs : trait fin, couleur de bordure, pleine largeur du contenu ---------- */
.entry-content .wp-block-separator {
	border: none;
	border-top: 1px solid var(--wp-border);
	opacity: 1;
	width: 100%;
	max-width: none;
	margin-top: 48px;
	margin-bottom: 48px;
}

/* ---------- Boutons Gutenberg : rayon et poids de la landing ---------- */
.entry-content .wp-block-button__link {
	border-radius: var(--wp-radius-sm) !important;
	padding: 14px 28px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}

/* ---------- Listes (« What gets migrated ») ---------- */
.entry-content .wp-block-group[style*="EEF2FF"]:not(.alignfull) ul {
	padding-left: 1.2em;
}

.entry-content .wp-block-group[style*="EEF2FF"]:not(.alignfull) li {
	font-size: 15px;
	margin-bottom: 8px;
}

/* ---------- Pages prose (Contact, mentions légales…) ---------- */
.entry-content > .wp-block-group:not(.alignfull) > h1.wp-block-heading {
	font-size: 40px;
	font-weight: 800;
	letter-spacing: -0.03em;
}