/* ====================================================================
   PAGE A PROPOS — FOND GOLDY BLUE
   Documentation p.11 : la page « stories » est posee sur l'aplat
   #629AC7, texte en navy, et refermee par une illustration botanique.
   ==================================================================== */

body.lmc-page-apropos,
body.lmc-page-apropos .site-content,
body.lmc-page-apropos #content,
body.lmc-page-apropos .page-wrapper,
body.lmc-page-apropos .page-wrapper-inner {
	background-color: var(--lmc-blue) !important;
}

/* --------------------------------------------------------------------
   Tout ce qui etait trace en GOLDY BLUE devient invisible sur ce fond :
   surtitre, filets, numeros et soulignements repassent en navy.
   -------------------------------------------------------------------- */
body.lmc-page-apropos .lmc-apropos__marque,
body.lmc-page-apropos .lmc-apropos__pilier-num {
	color: var(--lmc-navy);
	opacity: 0.72;
}

body.lmc-page-apropos .lmc-apropos__filet {
	background: var(--lmc-navy);
}

body.lmc-page-apropos .lmc-apropos__note {
	border-left-color: var(--lmc-navy);
}

body.lmc-page-apropos .lmc-apropos a {
	color: var(--lmc-navy);
	text-decoration-color: var(--lmc-navy);
}

body.lmc-page-apropos .lmc-apropos a:hover {
	color: var(--lmc-white);
	text-decoration-color: var(--lmc-white);
}

/* Les filets de separation sont renforces : sur un aplat soutenu, un
   trait a 20 % d'opacite disparait. */
body.lmc-page-apropos .lmc-apropos__piliers,
body.lmc-page-apropos .lmc-apropos__pilier + .lmc-apropos__pilier,
body.lmc-page-apropos .lmc-apropos__final {
	border-color: rgba(13, 34, 50, 0.34);
}

/* Le texte courant gagne en densite pour rester lisible sur le bleu. */
body.lmc-page-apropos .lmc-apropos__accroche,
body.lmc-page-apropos .lmc-apropos__manifeste p,
body.lmc-page-apropos .lmc-apropos__surmesure p,
body.lmc-page-apropos .lmc-apropos__pilier p,
body.lmc-page-apropos .lmc-apropos__final p {
	color: rgba(13, 34, 50, 0.92);
}

body.lmc-page-apropos .lmc-apropos__note {
	color: rgba(13, 34, 50, 0.78) !important;
}

/* --------------------------------------------------------------------
   Illustration botanique demandee par la cliente (extraite du PDF
   goldy-citrons-3.pdf, page 1). Elle remplace le monogramme dans le
   bloc de fin, comme sur la maquette.
   -------------------------------------------------------------------- */
body.lmc-page-apropos .lmc-apropos__mark {
	display: none;
}

body.lmc-page-apropos .lmc-apropos__final::before {
	content: "";
	display: block;
	width: clamp(150px, 20vw, 210px);
	aspect-ratio: 900 / 814;
	margin: 0 auto 26px;
	background-image: url('/wp-content/uploads/2026/08/lmc-ornement-agrume.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

@media (max-width: 767px) {
	body.lmc-page-apropos .lmc-apropos__final::before {
		width: 132px;
		margin-bottom: 20px;
	}
}
