/* Merveilleux Abandon — compléments au theme.json */

.ma-surtitre {
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--wp--preset--color--corail-texte);
}
.has-nuit-background-color .ma-surtitre,
.has-nuit-profond-background-color .ma-surtitre {
	color: var(--wp--preset--color--corail-clair);
}

.ma-signature-titre em,
.wp-block-site-title em {
	color: var(--wp--preset--color--corail);
	font-weight: 500;
}

/* Bouton secondaire : contour bleu nuit */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--nuit);
	border: 2px solid currentColor;
}
.has-nuit-background-color .wp-block-button.is-style-outline > .wp-block-button__link {
	color: var(--wp--preset--color--blanc);
}

/* Mosaïque Hôtel-Dieu */
.ma-mosaique {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: 210px 210px 170px;
	gap: 8px;
}
.ma-mosaique figure { margin: 0; height: 100%; }
.ma-mosaique img { width: 100%; height: 100%; object-fit: cover; border-radius: 3px; display: block; }
.ma-mosaique figure:first-child { grid-row: span 2; }
@media (max-width: 600px) {
	.ma-mosaique { grid-template-rows: 180px 180px 140px; }
}

/* Cartes publics conférences */
.ma-carte-public {
	border: 1px solid #3B4C68;
	border-radius: 4px;
	padding: 24px;
}

/* Mur presse */
.ma-mur-presse {
	font-family: var(--wp--preset--font-family--titre);
	font-size: 1.5rem;
	font-weight: 400;
	font-style: italic;
	color: #3B4C68;
	gap: 20px 44px !important;
}

/* Images d'articles en liste */
.wp-block-post-featured-image img { border-radius: 4px; }

/* Pied de page */
.ma-footer a { color: #D5DCE8; }
.ma-footer a:hover { color: var(--wp--preset--color--blanc); }

/* Focus visible pour l'accessibilité */
a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 3px solid var(--wp--preset--color--corail);
	outline-offset: 3px;
}

/* Newsletter */
.ma-nl { max-width: 640px; margin: 24px auto 0; text-align: center; }
.ma-nl-champs { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.ma-nl input {
	flex: 1 1 180px; min-height: 52px; padding: 0 20px;
	border: 2px solid var(--wp--preset--color--nuit); border-radius: 999px;
	font: inherit; font-size: 1rem; color: var(--wp--preset--color--nuit); background: #fff;
}
.ma-nl button {
	min-height: 52px; padding: 0 28px; border: 0; border-radius: 999px; cursor: pointer;
	background: var(--wp--preset--color--corail); color: #fff; font: inherit; font-weight: 500;
}
.ma-nl button:hover { background: var(--wp--preset--color--corail-texte); }
.ma-nl-mention { font-size: 0.8125rem; color: var(--wp--preset--color--ardoise); margin-top: 12px; }
.ma-nl-ok { font-weight: 500; color: var(--wp--preset--color--nuit); }

/* Catégories sur la page Comprendre */
.ma-categories { list-style: none; padding: 0; margin: 24px 0 0; display: flex; flex-wrap: wrap; gap: 10px; }
.ma-categories li a {
	display: inline-block; padding: 8px 16px; border: 1px solid var(--wp--preset--color--nuit);
	border-radius: 999px; text-decoration: none; font-size: 0.875rem; font-weight: 500;
}
.ma-categories li a:hover { background: var(--wp--preset--color--nuit); color: #fff; }

/* Vidéos verticales (Instagram, réels) */
.ma-video-verticale { max-width: 380px; margin-left: auto; margin-right: auto; }
.ma-video-verticale video { width: 100%; border-radius: 6px; display: block; }

/* Ligne d'aide en fin d'article */
.ma-aide { border-top: 1px solid #E6E2DC; padding-top: 20px; }

/* Images d'en-tête d'article : cadrage sur le haut (visages) */
.single .wp-block-post-featured-image img { object-position: center 25%; }

/* Rythme vertical resserré */
:root { --wp--style--block-gap: 1.25rem; }
.wp-block-heading { margin-top: 0; }
.wp-block-post-content > * + .wp-block-heading { margin-top: 2.25rem; }
@media (max-width: 600px) {
	.ma-signature-titre { font-size: 1.625rem !important; }
}

/* Surtitres dans le contenu : respiration avant une nouvelle partie */
.wp-block-post-content > .ma-surtitre:not(:first-child) { margin-top: 2.75rem; }
.wp-block-post-content > .ma-surtitre + .wp-block-heading { margin-top: 0.5rem; }
/* En-tête sur une ligne sur grand écran ; menu burger en dessous */
@media (min-width: 1100px) { header .wp-block-group.is-layout-flex { flex-wrap: nowrap; } }
@media (max-width: 1099px) { header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; } header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } }

/* Accueil : duo de dos / de face */
.ma-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding-bottom: 48px; }
.ma-duo figure { margin: 0; aspect-ratio: 2 / 3; }
.ma-duo figure:last-child { transform: translateY(48px); }
.ma-duo img { width: 100%; height: 100%; object-fit: cover; border-radius: 3px; display: block; }
.ma-duo-bloc figcaption { margin-top: 14px; font-size: 0.875rem; color: #4A5A75; }
@media (max-width: 600px) {
	.ma-duo { gap: 10px; padding-bottom: 28px; }
	.ma-duo figure:last-child { transform: translateY(28px); }
}

/* ===== Typographie éditoriale (reprise du site d'origine) ===== */
.ma-surtitre { display: flex; align-items: center; gap: 0.9rem; }
.ma-surtitre::before { content: ""; width: 28px; height: 1px; background: currentColor; flex-shrink: 0; }
.has-text-align-center.ma-surtitre, .ma-surtitre.has-text-align-center { justify-content: center; }
h1 em, h2 em, h3 em, .wp-block-post-title em { font-style: italic; color: var(--wp--preset--color--ardoise); }
.wp-block-site-title em { font-style: italic; font-weight: 400; }

/* En-tête d'article : titre à gauche, chapô à droite */
.ma-article-hero { border-bottom: 2px solid var(--wp--preset--color--nuit); }
.ma-article-hero .wp-block-post-title { font-weight: 300; line-height: 1.05; margin: 0; }
.ma-chapo, .ma-chapo p {
	font-family: var(--wp--preset--font-family--titre); font-style: italic; font-weight: 300;
	font-size: 1.125rem; line-height: 1.75; color: rgba(23, 42, 70, 0.75);
}
.ma-chapo { padding-left: 1.5rem; border-left: 2px solid var(--wp--preset--color--nuit); margin: 0; }
.ma-chapo p { margin: 0; }
.ma-meta, .ma-meta p, .ma-meta time { font-size: 0.72rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--wp--preset--color--ardoise); font-weight: 400; }

/* Corps d'article */
.single .wp-block-post-content > p,
.single .wp-block-post-content > ul li,
.single .wp-block-post-content > ol li {
	font-size: 1.0625rem; line-height: 2; font-weight: 300; color: #2A2F3A;
	text-align: justify; hyphens: auto; -webkit-hyphens: auto;
}
.single .wp-block-post-content > p { margin-bottom: 1.6rem; }
.single .wp-block-post-content > h2 {
	font-size: 1.9rem; font-weight: 300; line-height: 1.2;
	margin-top: 3.5rem; margin-bottom: 1.6rem; padding-bottom: 0.9rem;
	border-bottom: 1px solid rgba(23, 42, 70, 0.12);
}
.single .wp-block-post-content > h3 { font-size: 1.375rem; font-weight: 400; margin-top: 2.5rem; }
.single .wp-block-post-content strong { font-weight: 500; }
.wp-block-quote p { margin: 0; }
.wp-block-quote cite { display: block; margin-top: 1rem; font-family: var(--wp--preset--font-family--texte); font-style: normal; font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase; opacity: 0.5; }
.wp-block-post-content .wp-block-quote { margin: 3rem 0; }
@media (max-width: 781px) {
	.single .wp-block-post-content > p { text-align: left; }
	.ma-chapo { font-size: 1.0625rem; }
}