/* ==========================================================================
   Madison Lemoine — dans mon monde
   Les couleurs, polices et tailles viennent de theme.json (variables --wp--preset--*).
   Ici : les formes (arches, ovale, cartes), les décors (paillettes, vague) et la mise en page fine.
   ========================================================================== */

:root {
	--ml-entete-h: 112px;
	--ml-ombre-carte: 0 18px 40px rgba(140, 90, 80, 0.12);
	--ml-ombre-badge: 0 14px 40px rgba(160, 110, 90, 0.22);
	--ml-or-texte: #8f6a2f; /* or foncé lisible sur fond clair (contraste AA) */
	--ml-vague: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C240,90 480,0 720,30 C960,60 1200,10 1440,40 L1440,80 L0,80 Z' fill='%23fbf6ef'/%3E%3C/svg%3E");
}

html {
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

:where(h1, h2, h3, .wp-block-post-title) {
	text-wrap: balance;
}

:where(p) {
	text-wrap: pretty;
}

a {
	transition: color 0.2s ease;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* --------------------------------------------------------------------------
   Structure générale
   -------------------------------------------------------------------------- */

.wp-site-blocks {
	position: relative;
}

.wp-site-blocks > main,
.wp-site-blocks > footer,
.ml-main > .alignfull,
.ml-contenu-pleine-largeur > .alignfull {
	margin-block-start: 0;
}

.ml-main > .alignfull:last-child,
.ml-contenu-pleine-largeur > .alignfull:last-child {
	margin-block-end: 0;
}

/* --------------------------------------------------------------------------
   En-tête : logo + menu. Il se pose sur le haut de page quand il y en a un.
   -------------------------------------------------------------------------- */

.ml-site-entete {
	position: relative;
	z-index: 20;
	background: #fdf6ef;
}

body:has(.ml-hero, .ml-bandeau) .ml-site-entete {
	position: absolute;
	inset: 0 0 auto 0;
	background: transparent;
}

.ml-entete .ml-entete__barre {
	padding-block: 26px;
	align-items: center;
}

.ml-logo.ml-logo {
	align-items: center;
	text-align: center;
	line-height: 1;
}

.ml-logo .wp-block-site-title,
.ml-logo .wp-block-site-tagline {
	margin: 0;
	line-height: 1;
}

.ml-logo .wp-block-site-title a {
	text-decoration: none;
}

.ml-logo--pied .wp-block-site-title {
	font-size: 26px;
}

.ml-logo--pied .wp-block-site-tagline {
	font-size: 24px;
}

.ml-menu .wp-block-navigation-item__content {
	padding: 0;
}

.ml-menu .ml-lien-dore > .wp-block-navigation-item__content,
.ml-menu .ml-lien-dore > .wp-block-navigation-item__content:visited {
	color: var(--ml-or-texte);
}

.ml-menu .ml-lien-dore > .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--or);
}

.ml-menu .wp-block-navigation__responsive-container.is-menu-open {
	padding: 32px;
}

.ml-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	gap: 24px;
	font-size: 16px;
}

.ml-menu .wp-block-navigation__responsive-container-open,
.ml-menu .wp-block-navigation__responsive-container-close {
	color: var(--wp--preset--color--texte);
}

/* --------------------------------------------------------------------------
   Hauts de page : accueil (.ml-hero) et bandeau des autres pages (.ml-bandeau)
   -------------------------------------------------------------------------- */

.ml-hero,
.ml-bandeau {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.ml-hero {
	padding-top: calc(var(--ml-entete-h) + 40px);
	padding-bottom: 110px;
}

.ml-bandeau {
	padding-top: calc(var(--ml-entete-h) + 48px);
	padding-bottom: 110px;
	text-align: center;
}

/* Halo doré en bas */
.ml-hero::before,
.ml-bandeau::before {
	content: "";
	position: absolute;
	inset: auto -10% -40% -10%;
	height: 70%;
	background: radial-gradient(ellipse at center, rgba(231, 201, 138, 0.4), rgba(253, 246, 239, 0) 70%);
	pointer-events: none;
	z-index: -1;
}

/* Vague crème de séparation */
.ml-hero::after,
.ml-bandeau::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 60px;
	background: var(--ml-vague) no-repeat center bottom / 100% 100%;
	pointer-events: none;
	z-index: 2;
}

.ml-hero > :not(.ml-paillettes),
.ml-bandeau > :not(.ml-paillettes) {
	position: relative;
	z-index: 1;
}

.ml-hero .ml-hero__grille {
	align-items: center;
}

.ml-hero .ml-hero__texte > * {
	margin-block-end: 0;
}

.ml-hero .ml-hero__intro {
	max-width: 470px;
	font-size: var(--wp--preset--font-size--grand);
	line-height: 1.7;
	color: var(--wp--preset--color--texte-secondaire);
}

.ml-hero .ml-hero__texte > .ml-hero__boutons {
	margin-block-start: 32px;
	gap: 14px;
}

/* La nouveauté en arche, qui flotte doucement */
.ml-hero .ml-hero__visuel {
	position: relative;
	width: min(100%, 400px);
	aspect-ratio: 4 / 5;
	justify-self: center;
	margin-inline: auto;
	animation: ml-flotte 7s ease-in-out infinite;
}

.ml-hero .ml-hero__visuel > .wp-block-image {
	position: absolute;
	inset: 0;
	margin: 0;
}

.ml-hero .ml-hero__visuel > .ml-badge {
	position: absolute;
	left: -28px;
	bottom: 36px;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 14px 20px;
	border-radius: 16px;
	background: var(--wp--preset--color--creme);
	color: var(--wp--preset--color--texte);
	box-shadow: var(--ml-ombre-badge);
	z-index: 2;
}

.ml-badge > * {
	margin: 0 !important;
}

.ml-badge .is-style-etiquette {
	letter-spacing: 0.14em;
}

.ml-badge .ml-badge__titre {
	font-family: var(--wp--preset--font-family--cormorant);
	font-size: 21px;
	font-weight: 600;
	line-height: 1.2;
}

/* Bandeau des pages intérieures */
.ml-bandeau > * {
	margin-inline: auto;
}

.ml-bandeau .ml-bandeau__intro,
.ml-bandeau .wp-block-term-description {
	color: var(--wp--preset--color--texte-secondaire);
	font-size: var(--wp--preset--font-size--grand);
}

.ml-bandeau .ml-recherche {
	max-width: 520px;
	margin-inline: auto;
}

.ml-bandeau .ml-boutons-centre {
	justify-content: center;
}

.ml-bandeau--livre {
	text-align: left;
}

.ml-bandeau--livre .ml-livre-fiche {
	align-items: center;
}

.ml-livre-fiche .ml-livre-fiche__couverture {
	width: min(100%, 360px);
	justify-self: center;
}

.ml-livre-fiche .ml-livre-fiche__texte > * {
	margin-block-end: 0;
}

.ml-livre-fiche .ml-livre-fiche__titre {
	font-size: clamp(40px, 5vw, 64px);
}

.ml-livre-fiche .ml-livre-fiche__resume {
	font-size: var(--wp--preset--font-size--grand);
	line-height: 1.7;
	color: var(--wp--preset--color--texte-secondaire);
}

.ml-livre-fiche .ml-livre-fiche__boutons {
	gap: 14px;
	margin-block-start: 28px;
}

/* --------------------------------------------------------------------------
   Paillettes (ajoutées par assets/js/paillettes.js sur tout bloc « Paillettes »)
   -------------------------------------------------------------------------- */

.is-style-paillettes {
	position: relative;
	overflow: hidden;
}

.is-style-paillettes > :not(.ml-paillettes) {
	position: relative;
	z-index: 1;
}

.is-style-paillettes > .ml-paillettes {
	position: absolute;
	inset: 0;
	max-width: none;
	margin: 0;
	pointer-events: none;
	z-index: 0;
}

.ml-paillette {
	position: absolute;
	border-radius: 50%;
	animation: ml-scintille var(--ml-duree, 4s) ease-in-out var(--ml-delai, 0s) infinite;
}

.ml-paillette--etoile {
	width: 0;
	height: 0;
	color: var(--wp--preset--color--or);
	font-size: 16px;
	line-height: 0;
}

@keyframes ml-scintille {
	0%,
	100% {
		opacity: 0.15;
		transform: scale(0.7);
	}
	50% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes ml-flotte {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}

/* --------------------------------------------------------------------------
   Styles de blocs (proposés dans l'éditeur)
   -------------------------------------------------------------------------- */

/* Image « Arche dorée » : arche + liseré doré décalé de 14px */
.wp-block-image.is-style-arche {
	position: relative;
}

.wp-block-image.is-style-arche::before {
	content: "";
	position: absolute;
	inset: -14px;
	border: 1px solid rgba(201, 161, 91, 0.7);
	border-radius: 999px 999px 28px 28px;
	pointer-events: none;
}

.wp-block-image.is-style-arche img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 999px 999px 20px 20px;
	box-shadow: var(--wp--preset--shadow--profonde);
}

/* Couverture de livre en arche */
.is-style-arche-livre {
	position: relative;
	overflow: hidden;
	aspect-ratio: 3 / 4;
	border-radius: 180px 180px 14px 14px;
	background: var(--wp--preset--color--rose-poudre);
	box-shadow: var(--ml-ombre-carte);
}

.is-style-arche-livre img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	border-radius: inherit;
}

.wp-block-image.is-style-arche-livre {
	margin-inline: auto;
}

/* Portrait « Ovale pointillé doré » */
.wp-block-image.is-style-ovale {
	position: relative;
	width: min(100%, 340px);
	aspect-ratio: 255 / 342;
	margin-inline: auto;
}

.wp-block-image.is-style-ovale::before {
	content: "";
	position: absolute;
	inset: -12px;
	border: 1px dashed var(--wp--preset--color--or);
	border-radius: 50%;
	pointer-events: none;
}

.wp-block-image.is-style-ovale img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 30%;
	border-radius: 50%;
	background: #f3ece2;
}

/* Paragraphes décoratifs */
.is-style-surtitre,
.is-style-surtitre-dore,
.is-style-signature {
	font-family: var(--wp--preset--font-family--parisienne);
	font-weight: 400;
	line-height: normal;
}

.is-style-surtitre {
	font-size: var(--wp--preset--font-size--surtitre);
	color: var(--wp--preset--color--vieux-rose);
}

.is-style-surtitre-dore {
	font-size: 30px;
	color: var(--wp--preset--color--or-fonce);
}

.is-style-signature {
	font-size: 36px;
	color: var(--wp--preset--color--texte);
}

.is-style-etiquette,
.ml-etiquette,
.ml-meta {
	font-family: var(--wp--preset--font-family--mulish);
	font-size: var(--wp--preset--font-size--etiquette);
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--vieux-rose);
}

.ml-etiquette a,
.ml-meta a {
	color: inherit;
}

.ml-meta > * {
	margin: 0;
}

.ml-meta .wp-block-post-terms + .wp-block-post-date::before {
	content: "· ";
}

.ml-meta--centre {
	justify-content: center;
}

/* Séparateur « Étoiles » */
.wp-block-separator.is-style-etoiles {
	border: 0;
	background: none !important;
	height: auto;
	width: auto;
	max-width: none;
	margin-inline: auto;
	opacity: 1;
	text-align: center;
	line-height: 1;
}

.wp-block-separator.is-style-etoiles::before {
	content: "✦ ✧ ✦";
	content: "✦ ✧ ✦" / "";
	display: block;
	color: var(--wp--preset--color--or);
	font-size: 20px;
	letter-spacing: 0.5em;
	padding-left: 0.5em;
}

/* Boutons */
.wp-block-button__link {
	transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.ml-lettre-form button:hover {
	background: var(--wp--preset--color--rose-poudre);
	color: var(--wp--preset--color--texte);
}

.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	border: 1px solid var(--wp--preset--color--or);
	color: var(--wp--preset--color--texte);
	font-weight: 500;
	padding: 14px 27px;
	box-shadow: none;
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: #fff;
	color: var(--wp--preset--color--texte);
}

.wp-block-button.is-style-petit > .wp-block-button__link {
	padding: 10px 20px;
	font-size: var(--wp--preset--font-size--petit);
	box-shadow: none;
}

.ml-bandeau-commande .wp-block-button.is-style-petit > .wp-block-button__link:hover {
	background: var(--wp--preset--color--creme);
}

/* --------------------------------------------------------------------------
   Sections de l'accueil
   -------------------------------------------------------------------------- */

/* Titres de section */
.ml-entete-section > * {
	margin-block-end: 0;
}

.ml-entete-section--centre {
	text-align: center;
}

.ml-entete-section .ml-entete-section__intro {
	max-width: 380px;
	margin: 0;
	font-size: var(--wp--preset--font-size--normal);
	line-height: 1.7;
	color: var(--wp--preset--color--texte-doux);
}

/* Citation */
.ml-citation {
	padding-top: 72px;
	padding-bottom: 40px;
	text-align: center;
}

.ml-citation .ml-citation__texte {
	margin-block-end: 0;
	font-family: var(--wp--preset--font-family--cormorant);
	font-style: italic;
	font-size: var(--wp--preset--font-size--citation);
	line-height: 1.3;
	color: var(--wp--preset--color--texte);
	text-wrap: balance;
}

.ml-citation .ml-citation__source {
	font-size: 13px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--texte-doux);
}

/* Mes livres */
.ml-livres {
	padding-top: 56px;
	padding-bottom: 88px;
}

.ml-entete-section--duo {
	row-gap: 16px;
}

.ml-livres .ml-grille-livres {
	grid-template-columns: repeat(auto-fill, minmax(max(min(180px, 100%), calc((100% - 84px) / 4)), 1fr));
}

.ml-livre {
	height: 100%;
}

.ml-livre .ml-livre__infos {
	padding: 0 4px;
}

.ml-livre .ml-livre__infos > * {
	margin: 0;
}

.ml-livre .ml-livre__titre {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.21;
}

.ml-livre .wp-block-post-excerpt__excerpt,
.ml-carte .wp-block-post-excerpt__excerpt {
	margin: 0;
}

.ml-livres .ml-bandeau-commande {
	width: fit-content;
	max-width: 100%;
	gap: 14px;
	align-items: center;
	padding: 20px 28px;
	border-radius: 999px;
	background: var(--wp--preset--color--rose-poudre);
}

.ml-bandeau-commande > *,
.ml-bandeau-commande p {
	margin: 0;
	font-size: var(--wp--preset--font-size--normal);
	text-align: center;
}

/* Le journal */
.ml-journal {
	padding-top: 88px;
	padding-bottom: 88px;
}

.ml-grille-articles.ml-grille-articles {
	grid-template-columns: repeat(auto-fill, minmax(max(min(300px, 100%), calc((100% - 56px) / 3)), 1fr));
}

.ml-carte {
	position: relative;
	height: 100%;
	overflow: hidden;
	border-radius: 22px;
	background: var(--wp--preset--color--creme);
	box-shadow: var(--wp--preset--shadow--douce);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ml-carte:hover,
.ml-carte:focus-within {
	transform: translateY(-6px);
	box-shadow: var(--wp--preset--shadow--carte);
}

.ml-carte > .wp-block-post-featured-image {
	margin: 0;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--wp--preset--color--rose-poudre);
}

.ml-carte > .wp-block-post-featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ml-carte .ml-carte__corps {
	flex: 1;
	padding: 24px 26px 28px;
}

.ml-carte .ml-carte__corps > * {
	margin: 0;
}

.ml-carte .wp-block-post-title {
	font-size: var(--wp--preset--font-size--titre-carte);
	font-weight: 600;
	line-height: 1.15;
}

.ml-carte .wp-block-read-more {
	margin-top: 4px;
	font-size: var(--wp--preset--font-size--petit);
	font-weight: 600;
	line-height: 1.3;
	color: var(--wp--preset--color--vieux-rose);
}

/* Toute la carte est cliquable */
.ml-carte .wp-block-read-more::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.ml-carte .wp-block-read-more:focus-visible {
	outline: none;
}

.ml-carte:has(.wp-block-read-more:focus-visible) {
	outline: 2px solid var(--wp--preset--color--or);
	outline-offset: 4px;
}

/* À propos */
.ml-apropos {
	padding-top: 96px;
	padding-bottom: 96px;
}

.ml-apropos .ml-apropos__grille {
	align-items: center;
}

.ml-portrait {
	position: relative;
	width: min(100%, 340px);
	justify-self: center;
	margin-inline: auto;
}

.ml-portrait > * {
	margin: 0 !important;
}

.ml-portrait::after,
.ml-portrait::before {
	position: absolute;
	line-height: 1;
	pointer-events: none;
	z-index: 1;
}

.ml-portrait::after {
	content: "✦";
	content: "✦" / "";
	top: 6%;
	right: -6%;
	font-size: 28px;
	color: var(--wp--preset--color--or);
}

.ml-portrait::before {
	content: "✧";
	content: "✧" / "";
	bottom: 12%;
	left: -8%;
	font-size: 18px;
	color: #e8b4bc;
}

.ml-apropos .ml-apropos__texte > * {
	margin-block-end: 0;
}

.ml-apropos .ml-titre-moyen {
	font-size: clamp(34px, 3.6vw, 46px);
	line-height: 1.1;
}

.ml-apropos .ml-apropos__texte > p:not([class*="is-style-"]) {
	font-size: var(--wp--preset--font-size--moyen);
	line-height: 1.8;
	color: var(--wp--preset--color--texte-secondaire);
}

/* La lettre des rêveuses */
.ml-lettre {
	padding-top: 96px;
	padding-bottom: 96px;
	text-align: center;
}

.ml-lettre > * {
	margin-block-end: 0;
}

.ml-lettre .ml-lettre__titre {
	font-size: clamp(36px, 4vw, 50px);
	line-height: 1.1;
}

.ml-lettre .ml-lettre__texte {
	font-size: var(--wp--preset--font-size--moyen);
	line-height: 1.7;
	color: var(--wp--preset--color--texte-secondaire);
}

.ml-lettre-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	width: 100%;
}

.ml-lettre > .ml-lettre-form,
.ml-lettre > .ml-lettre-merci {
	margin-block-start: 28px;
}

.ml-lettre-form input[type="email"],
.ml-lettre-form--mailpoet input[type="email"],
.ml-lettre-form--mailpoet input[type="text"] {
	box-sizing: border-box;
	flex: 1 1 304px;
	max-width: 404px;
	padding: 15px 22px;
	border: 1px solid #d8b26a;
	border-radius: 999px;
	background: var(--wp--preset--color--creme-clair);
	color: var(--wp--preset--color--texte);
	font-family: var(--wp--preset--font-family--mulish);
	font-size: var(--wp--preset--font-size--normal);
}

.ml-lettre-form input::placeholder {
	color: var(--wp--preset--color--texte-doux);
}

.ml-lettre-form input:focus-visible {
	outline: 2px solid var(--wp--preset--color--or);
	outline-offset: 2px;
}

.ml-lettre-form button,
.ml-lettre-form--mailpoet input[type="submit"] {
	padding: 15px 28px;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--gradient--bouton-dore);
	color: var(--wp--preset--color--texte);
	font-family: var(--wp--preset--font-family--mulish);
	font-size: var(--wp--preset--font-size--normal);
	font-weight: 600;
	box-shadow: none;
	cursor: pointer;
}

.ml-lettre-form--mailpoet form.mailpoet_form {
	padding: 0 !important;
	background: none !important;
}

.ml-lettre-form--mailpoet .mailpoet_paragraph {
	display: inline-block;
	margin: 0 5px 10px !important;
}

.ml-lettre-miel {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.ml-lettre-merci {
	margin: 10px 0 0;
	font-family: var(--wp--preset--font-family--cormorant);
	font-style: italic;
	font-size: 26px;
	color: var(--wp--preset--color--vieux-rose);
}

/* --------------------------------------------------------------------------
   Pied de page
   -------------------------------------------------------------------------- */

.ml-pied {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	background: var(--wp--preset--color--creme);
}

.ml-pied > * {
	margin-inline: auto;
}

.ml-liens-pied {
	font-size: var(--wp--preset--font-size--petit);
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
}

.ml-pied .ml-liens-pied .wp-block-navigation-item__content {
	color: var(--wp--preset--color--vieux-rose);
}

.ml-pied .ml-liens-pied .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--or);
}

.ml-pied .ml-copyright {
	margin-block-end: 0;
	font-size: 12.5px;
	line-height: 1.3;
	color: var(--wp--preset--color--texte-doux);
}

/* --------------------------------------------------------------------------
   Pages intérieures : listes, articles, commentaires
   -------------------------------------------------------------------------- */

.ml-liste {
	padding-top: 40px;
	padding-bottom: 96px;
}

.ml-pagination {
	margin-top: 48px;
	gap: 18px;
}

.ml-pagination a {
	color: var(--wp--preset--color--vieux-rose);
}

.ml-pagination .current {
	color: var(--wp--preset--color--texte);
}

.ml-vide {
	text-align: center;
	font-family: var(--wp--preset--font-family--cormorant);
	font-style: italic;
	font-size: 24px;
	color: var(--wp--preset--color--texte-doux);
}

.ml-main > .ml-image-une {
	position: relative;
	z-index: 3;
	margin-top: -40px;
}

.ml-image-une img {
	width: 100%;
	max-height: 560px;
	object-fit: cover;
	border-radius: 22px;
	box-shadow: var(--ml-ombre-carte);
}

.ml-article {
	padding-top: 48px;
	padding-bottom: 32px;
	font-size: var(--wp--preset--font-size--grand);
	line-height: 1.8;
	color: var(--wp--preset--color--texte-secondaire);
}

.ml-article :where(h2, h3, h4) {
	margin-block-start: 1.6em;
	color: var(--wp--preset--color--texte);
}

.ml-article :where(h2) {
	font-size: clamp(30px, 3.4vw, 40px);
}

.ml-article :where(.wp-block-image img) {
	border-radius: 22px;
}

.ml-article :where(.wp-block-image.is-style-arche img, .wp-block-image.is-style-ovale img) {
	border-radius: revert-layer;
}

.ml-article a:where(:not(.wp-element-button)) {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--or-clair);
	text-underline-offset: 3px;
}

.ml-fin-article {
	padding-bottom: 24px;
	text-align: center;
}

.ml-fin-article > * {
	margin-inline: auto;
}

.ml-navigation-articles {
	padding-block: 24px 48px;
	border-top: 1px solid var(--wp--preset--color--rose-poudre);
	font-size: var(--wp--preset--font-size--normal);
}

.ml-commentaires {
	padding-bottom: 72px;
}

.ml-commentaires .wp-block-comments-title {
	font-size: 34px;
}

.ml-commentaire {
	padding: 22px 26px;
	margin-block-end: 18px;
	border-radius: 22px;
	background: var(--wp--preset--color--rose-section);
}

.ml-commentaires .wp-block-comment-template {
	padding: 0;
	list-style: none;
}

.ml-commentaires .comment-form input:not([type="submit"]):not([type="checkbox"]),
.ml-commentaires .comment-form textarea,
.ml-recherche .wp-block-search__input {
	padding: 14px 20px;
	border: 1px solid #d8b26a;
	border-radius: 18px;
	background: var(--wp--preset--color--creme-clair);
	color: var(--wp--preset--color--texte);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--normal);
}

.ml-recherche .wp-block-search__input {
	border-radius: 999px;
}

.ml-recherche .wp-block-search__inside-wrapper {
	gap: 10px;
	border: 0;
	padding: 0;
}

/* --------------------------------------------------------------------------
   Éditeur : pas d'en-tête superposé, on resserre le haut de page
   -------------------------------------------------------------------------- */

.editor-styles-wrapper .ml-hero,
.editor-styles-wrapper .ml-bandeau {
	padding-top: 64px;
}

/* --------------------------------------------------------------------------
   Petits écrans
   -------------------------------------------------------------------------- */

@media (max-width: 600px) {
	.ml-entete .ml-entete__barre {
		flex-wrap: nowrap;
		padding-block: 20px;
	}

	.ml-entete .ml-logo .wp-block-site-title {
		font-size: 22px;
	}

	.ml-entete .ml-logo .wp-block-site-tagline {
		font-size: 21px;
	}

	.ml-livres .ml-grille-livres {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 16px;
		row-gap: 32px;
	}

	.ml-livre .ml-livre__titre {
		font-size: 22px;
	}

	.ml-hero {
		padding-bottom: 96px;
	}

	.ml-hero .ml-hero__visuel {
		width: min(86%, 400px);
	}

	.ml-hero .ml-hero__visuel > .ml-badge {
		left: -16px;
		bottom: 24px;
	}

	.ml-livres .ml-bandeau-commande {
		border-radius: 28px;
	}
}

/* --------------------------------------------------------------------------
   Mouvement réduit : plus d'animations
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.ml-paillette {
		animation: none;
		opacity: 0.7;
	}

	.ml-hero .ml-hero__visuel {
		animation: none;
	}

	.ml-carte,
	.ml-carte:hover,
	.ml-carte:focus-within {
		transition: none;
		transform: none;
	}
}