/* Contenu des recettes : jamais plus large que 645px, quel que soit le contenu
   (texte hors paragraphe, images, blocs larges, tableaux, vidéos...). */
body.single-post .wp-block-post-content.wp-block-post-content {
	box-sizing: content-box;
	max-width: 645px !important;
	margin-inline: auto !important;
	padding-inline: 0 !important; /* les marges latérales viennent déjà du conteneur parent */
	overflow-wrap: anywhere;
}

.single-post .wp-block-post-content > *,
.single-post .wp-block-post-content > .alignwide,
.single-post .wp-block-post-content > .alignfull {
	max-width: 100% !important;
	margin-inline: 0 !important;
}

.single-post .wp-block-post-content :is(img, video, iframe, embed, object) {
	max-width: 100%;
	height: auto;
}

.single-post .wp-block-post-content :is(table, pre) {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

/* Bloc "Les ingrédients" : fond pastel aux couleurs de la catégorie de la recette. */
.recette-ingredients {
	--mmdls-hue: 35;

	padding: clamp(1.25rem, 4vw, 2rem) clamp(1.25rem, 4vw, 2.5rem);
	border-radius: 1.25rem;
	background: hsl(var(--mmdls-hue) 50% 93%);
	color: hsl(var(--mmdls-hue) 35% 18%);
}

.recette-ingredients > h2 {
	margin-top: 0;
}

.recette-ingredients ul {
	margin-bottom: 0;
}

.recette-ingredients li::marker {
	color: hsl(var(--mmdls-hue) 40% 45%);
}

/* Liste des étapes de "La recette" : même principe, teinte décalée. */
.recette-etapes {
	--mmdls-steps-hue: calc(var(--mmdls-hue, 35) + 150);

	padding: clamp(1.25rem, 4vw, 2rem) clamp(1.25rem, 4vw, 2.5rem) clamp(1.25rem, 4vw, 2rem) clamp(2.5rem, 7vw, 3.75rem);
	border-radius: 1.25rem;
	background: hsl(var(--mmdls-steps-hue) 50% 93%);
	color: hsl(var(--mmdls-steps-hue) 35% 18%);
}

.recette-etapes > li + li {
	margin-top: 0.6em;
}

.recette-etapes > li::marker {
	color: hsl(var(--mmdls-steps-hue) 40% 40%);
	font-weight: 700;
}

/* Commentaires : sur mobile, les réponses imbriquées sont moins décalées pour ne pas sortir de l'écran. */
@media (max-width: 600px) {
	.single-post .wp-block-comment-template ol {
		padding-inline-start: 1rem;
	}

	.single-post .wp-block-comment-template :is(.wp-block-columns, .wp-block-group) {
		min-width: 0;
		overflow-wrap: anywhere;
	}
}