/**
 * Utilitaires des blocs dynamiques — valeurs pilotées par le BO qui ne
 * peuvent pas passer par des classes Tailwind compilées (valeurs libres).
 */

/* Logos de la grille « Structures engagées » : hauteurs saisies en BO
   (variables posées en inline style par le template). */
.structure-logo {
	height: var(--lh, 110px);
}

@media (min-width: 768px) {
	.structure-logo {
		height: var(--lhd, 131px);
	}
}

/* ---------------------------------------------------------------------------
   Pages simples (mentions légales, politique de confidentialité…) :
   mise en page lisible sous le header fixe, pour du contenu Gutenberg cœur.
--------------------------------------------------------------------------- */
.page-simple {
	background: #fff;
	padding: 160px 20px 60px;
}

.page-simple-inner {
	margin: 0 auto;
	max-width: 800px;
}

.page-simple-title {
	margin-bottom: 32px;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -1.6px;
	color: #151515;
}

.page-simple-inner h2 {
	margin: 40px 0 12px;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.6px;
	color: #151515;
}

.page-simple-inner h3 {
	margin: 28px 0 10px;
	font-size: 21px;
	font-weight: 600;
	color: #151515;
}

.page-simple-inner p,
.page-simple-inner li {
	margin: 0 0 16px;
	font-size: 17px;
	line-height: 1.6;
	color: #3c3c3f;
}

.page-simple-inner ul,
.page-simple-inner ol {
	margin: 0 0 16px;
	padding-left: 24px;
	list-style: disc;
}

.page-simple-inner ol {
	list-style: decimal;
}

.page-simple-inner a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media (min-width: 768px) {
	.page-simple {
		padding: 220px 40px 100px;
	}

	.page-simple-title {
		font-size: 50px;
	}
}

/* FAQ : équivalent de [&>details:last-child]:border-b-0 — en CSS simple car
   un « > » dans un attribut class est corrompu par wptexturize via the_content. */
.faq-list > details:last-child {
	border-bottom: 0;
}

/* Articles (single.php) : métadonnées éditoriales + image à la une. */
.post-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #6e6e73;
}

.post-meta-cat {
	color: #322882;
}

.post-cover {
	margin: 8px 0 32px;
}

.post-cover-img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 16px;
}

.post-back {
	margin-top: 48px;
	font-weight: 500;
}