/**
 * Article de blog (gabarit single d'Astra), calé sur le rendu du blog live.
 *
 * Chargé uniquement sur les articles. Trois réglages globaux du site y sont
 * contredits, par la seule spécificité de .single-post (pas de !important) :
 * - le kit Elementor masque h1.entry-title partout (les pages Elementor rendent
 *   leur propre h1) : l'article, lui, n'a pas d'autre titre ;
 * - Astra met la marge basse des paragraphes à 0 ;
 * - Astra règle les h2 à 25-32px, taille de titre de page, pas d'intertitre.
 */

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

/* Image à la une centrée : plusieurs visuels du live (406px) sont plus
   étroits que la colonne. */
.single-post .post-thumb-img-content img {
	display: block;
	margin-inline: auto;
}

.single-post header.entry-header h1.entry-title {
	display: block;
	margin: 28px 0 8px;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.25;
	text-transform: uppercase;
	color: #010658;
}

/* Méta Astra : auteur et date désactivés, il ne reste que « / Catégorie ».
   Le séparateur est un nœud texte : taille 0 pour l'escamoter, seul le lien
   de catégorie reprend une taille. */
.single-post header.entry-header .entry-meta {
	font-size: 0;
}

.single-post header.entry-header .entry-meta .ast-terms-link {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.single-post header.entry-header .entry-meta a {
	color: #0C3183;
}

/* ---------- Contenu ---------- */

.single-post .entry-content {
	margin-top: 32px;
	font-size: 15px;
	line-height: 1.7;
	color: #333;
}

.single-post .entry-content p {
	margin: 0 0 1em;
}

.single-post .entry-content :where(h2) {
	margin: 1.8em 0 0.6em;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	color: #010658;
}

.single-post .entry-content :where(h3) {
	margin: 1.4em 0 0.5em;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
	color: #010658;
}

.single-post .entry-content :where(ul, ol) {
	margin: 0 0 1em 1.5em;
}

.single-post .entry-content li {
	margin-bottom: 0.4em;
}

.single-post .entry-content a:not(.wp-block-button__link) {
	color: #0C3183;
	text-decoration: underline;
}

.single-post .entry-content .wp-block-image {
	margin: 1.5em 0;
}

/* Bouton « Découvrir notre gamme… » : pastille jaune de la charte. */
.single-post .entry-content .wp-block-buttons {
	margin: 1.5em 0;
}

body.single-post .entry-content .wp-block-button .wp-block-button__link {
	padding: 12px 28px;
	border-radius: 30px;
	background-color: #FFED00;
	color: #0C3183;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}

body.single-post .entry-content .wp-block-button .wp-block-button__link:hover,
body.single-post .entry-content .wp-block-button .wp-block-button__link:focus {
	background-color: #0C3183;
	color: #fff;
}

/* Texte justifié comme sur le live, sauf sur mobile où il crée des trous. */
@media (min-width: 768px) {
	.single-post .entry-content p,
	.single-post .entry-content li {
		text-align: justify;
	}
}

@media (max-width: 544px) {
	.single-post header.entry-header h1.entry-title {
		font-size: 24px;
	}

	.single-post .entry-content :where(h2) {
		font-size: 20px;
	}
}