/* ============================================================
   Histoire d'encre Blog : raffinements de lecture
   Objectif : lecture longue tres agreable, esprit editorial soigne.
   Charte reprise du front :
     principal sarcelle #326C78, principal fonce #234f59,
     accent corail #EA888D, accent fonce #d86f75, accent doux #fbe9ea,
     texte #2c3133, texte doux #5f6b6e, bordure #e8e1d8,
     fond #ffffff, creme #fbf8f4.
   Polices : Cormorant Garamond (titres), Libre Baskerville (corps),
   Tangerine (script decoratif).
   ============================================================ */

/* ---------- Variables locales de la charte ---------- */
:root {
	--he-principal: #326C78;
	--he-principal-fonce: #234f59;
	--he-principal-doux: #e3eef0;
	--he-accent: #EA888D;
	--he-accent-fonce: #d86f75;
	--he-accent-doux: #fbe9ea;
	--he-texte: #2c3133;
	--he-texte-doux: #5f6b6e;
	--he-bordure: #e8e1d8;
	--he-fond: #ffffff;
	--he-creme: #fbf8f4;

	--he-serif: "Cormorant Garamond", Georgia, serif;
	--he-corps: "Libre Baskerville", Georgia, serif;
	--he-script: "Tangerine", "Brush Script MT", cursive;

	--he-radius: 14px;
	--he-radius-lg: 22px;
	--he-shadow: 0 10px 30px rgba(35, 79, 89, 0.10);
	--he-shadow-sm: 0 4px 14px rgba(35, 79, 89, 0.08);

	/* colonne de lecture confortable */
	--he-colonne: 680px;
}

/* ---------- Colonne de lecture etroite et centree ---------- */
.wp-block-post-content,
.entry-content {
	max-width: var(--he-colonne);
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	font-family: var(--he-corps);
	font-size: 1.2rem;
	line-height: 1.7;
	color: var(--he-texte);
}

/* paragraphes aeres */
.wp-block-post-content p,
.entry-content p {
	margin-top: 0;
	margin-bottom: 1.5rem;
}

/* gras des points cles : couleur principale, gras franc */
.wp-block-post-content strong,
.wp-block-post-content b,
.entry-content strong,
.entry-content b {
	color: var(--he-principal-fonce);
	font-weight: 700;
}

/* ---------- Titre d'article (h1) ---------- */
.wp-block-post-title,
.entry-title {
	max-width: var(--he-colonne);
	margin: 0 auto 0.75rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	font-family: var(--he-serif);
	font-weight: 600;
	line-height: 1.12;
	color: var(--he-principal-fonce);
	font-size: clamp(2.4rem, 5vw, 3.4rem);
}

/* ---------- Sous-titres h2 et h3 bien differencies ---------- */
.wp-block-post-content h2,
.wp-block-post-content .wp-block-heading,
.entry-content h2 {
	font-family: var(--he-serif);
	font-weight: 600;
	color: var(--he-principal);
	line-height: 1.18;
	font-size: clamp(1.7rem, 3.4vw, 2.1rem);
	margin-top: 3rem;
	margin-bottom: 1rem;
}

.wp-block-post-content h3,
.entry-content h3 {
	font-family: var(--he-serif);
	font-weight: 600;
	color: var(--he-principal);
	line-height: 1.2;
	font-size: clamp(1.4rem, 2.6vw, 1.7rem);
	margin-top: 2.25rem;
	margin-bottom: 0.75rem;
}

/* ---------- Citations detachees (blockquote) ---------- */
.wp-block-quote,
.entry-content blockquote {
	margin: 2.5rem 0;
	padding: 0.25rem 0 0.25rem 1.5rem;
	border-left: 3px solid var(--he-accent);
	font-family: var(--he-serif);
	font-style: italic;
	font-size: 1.5rem;
	line-height: 1.5;
	color: var(--he-principal);
}

.wp-block-quote p,
.entry-content blockquote p {
	margin-bottom: 0.75rem;
}

.wp-block-quote cite,
.entry-content blockquote cite {
	display: block;
	margin-top: 0.5rem;
	font-family: var(--he-corps);
	font-style: normal;
	font-size: 0.95rem;
	color: var(--he-texte-doux);
}

/* ---------- Listes a puces et numerotees ---------- */
.wp-block-post-content ul,
.wp-block-post-content ol,
.entry-content ul,
.entry-content ol {
	margin: 0 0 1.5rem;
	padding-left: 1.5rem;
}

.wp-block-post-content li,
.entry-content li {
	margin-bottom: 0.6rem;
	padding-left: 0.35rem;
}

/* puces stylees dans la couleur d'accent */
.wp-block-post-content ul,
.entry-content ul {
	list-style: none;
	padding-left: 1.75rem;
}

.wp-block-post-content ul > li,
.entry-content ul > li {
	position: relative;
}

.wp-block-post-content ul > li::before,
.entry-content ul > li::before {
	content: "";
	position: absolute;
	left: -1.1rem;
	top: 0.7em;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--he-accent);
}

/* numerotees : numero en accent */
.wp-block-post-content ol,
.entry-content ol {
	list-style: none;
	counter-reset: he-li;
	padding-left: 1.75rem;
}

.wp-block-post-content ol > li,
.entry-content ol > li {
	position: relative;
	counter-increment: he-li;
}

.wp-block-post-content ol > li::before,
.entry-content ol > li::before {
	content: counter(he-li);
	position: absolute;
	left: -1.75rem;
	top: 0;
	min-width: 1.25rem;
	font-family: var(--he-serif);
	font-weight: 600;
	color: var(--he-accent-fonce);
}

/* ---------- Liens dans le corps ---------- */
.wp-block-post-content a,
.entry-content a {
	color: var(--he-accent);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.wp-block-post-content a:hover,
.entry-content a:hover {
	color: var(--he-accent-fonce);
	text-decoration-thickness: 2px;
}

/* ---------- Images d'article ---------- */
.wp-block-post-content img,
.wp-block-image img,
.entry-content img {
	border-radius: var(--he-radius);
	box-shadow: var(--he-shadow);
}

.wp-block-post-content figure,
.wp-block-image,
.entry-content figure {
	margin: 2.5rem 0;
}

/* legende d'image sobre */
.wp-block-image figcaption,
.entry-content figcaption {
	margin-top: 0.6rem;
	font-family: var(--he-corps);
	font-size: 0.9rem;
	color: var(--he-texte-doux);
	text-align: center;
}

/* image a la une en hero, en haut de l'article */
.wp-block-post-featured-image {
	margin-bottom: 2.5rem;
}

.wp-block-post-featured-image img {
	width: 100%;
	max-height: 460px;
	object-fit: cover;
	border-radius: var(--he-radius-lg);
	box-shadow: var(--he-shadow);
}

/* ---------- Separateurs et espacements ---------- */
.wp-block-separator,
.entry-content hr {
	max-width: var(--he-colonne);
	margin: 3rem auto;
	border: 0;
	border-top: 1px solid var(--he-bordure);
}

.wp-block-separator.is-style-dots {
	border: 0;
}

/* ---------- Metadonnees sous le titre (auteur, date, lecture) ---------- */
.wp-block-post-meta,
.wp-block-post-date,
.wp-block-post-author,
.wp-block-post-author-name,
.entry-meta {
	max-width: var(--he-colonne);
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	font-family: var(--he-corps);
	font-size: 0.9rem;
	color: var(--he-texte-doux);
	letter-spacing: 0.01em;
}

.wp-block-post-date a,
.entry-meta a {
	color: var(--he-texte-doux);
	text-decoration: none;
}

.wp-block-post-date a:hover,
.entry-meta a:hover {
	color: var(--he-accent);
}

/* sur-titre script decoratif (optionnel, classe utilitaire) */
.he-eyebrow {
	font-family: var(--he-script);
	font-size: 2rem;
	line-height: 1;
	color: var(--he-accent);
}

/* ---------- Responsive mobile ---------- */
@media (max-width: 600px) {
	.wp-block-post-content,
	.entry-content {
		font-size: 1.08rem;
		line-height: 1.68;
		padding-left: 1.1rem;
		padding-right: 1.1rem;
	}

	.wp-block-post-title,
	.entry-title {
		font-size: clamp(2rem, 8vw, 2.4rem);
		padding-left: 1.1rem;
		padding-right: 1.1rem;
	}

	.wp-block-quote,
	.entry-content blockquote {
		font-size: 1.3rem;
		padding-left: 1.1rem;
	}

	.wp-block-post-featured-image img {
		max-height: 300px;
		border-radius: var(--he-radius);
	}
}