/* ==========================================================================
   Texte d'un article (éditeur classique) : .entry
   Chargé sur les articles ET dans l'éditeur (classe « entry » ajoutée au corps
   de l'éditeur, voir inc/blog.php) : le client voit le rendu du site en écrivant.

   Le client n'a aucune mise en page à faire :
   - Titre 2         → intertitre en capitales
   - Liste à puces   → points verts et filets
   - Liste numérotée → gros chiffres verts
   - Image           → pleine largeur, coins arrondis
   - Formats → Encadré / Phrase de signature
   ========================================================================== */

.entry {
	color: #3a434b;
	font-family: var(--f-text);
	font-size: 16.5px;
	line-height: 1.85;
}

.entry p {
	margin: 0 0 24px;
}

/* Paragraphe qui introduit une liste (« Nous sommes fiers : ») */
.entry p:has(+ ul),
.entry p:has(+ ol) {
	margin-bottom: 12px;
}

.entry strong,
.entry b {
	color: var(--c-ink);
	font-weight: 600;
}

.entry a {
	color: var(--c-green);
	font-weight: 600;
}

.entry a:hover {
	color: var(--c-green-hover);
}

/* Intertitres */
.entry h2,
.entry h3 {
	margin: 16px 0 14px;
	color: var(--c-ink);
	font-family: var(--f-title);
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}

.entry h2 {
	font-size: 24px;
}

.entry h3 {
	font-size: 20px;
}

/* Images : pleine largeur, coins arrondis (aussi dans un paragraphe ou une légende) */
.entry img {
	display: block;
	width: 100%;
	height: auto;
	margin: 8px 0 32px;
	border-radius: 16px;
}

.entry p:has(> img:only-child),
.entry p:has(> a:only-child > img) {
	margin: 0;
}

.entry .wp-caption {
	width: auto !important;
	max-width: 100%;
	margin: 8px 0 32px;
}

.entry .wp-caption img {
	margin: 0 0 10px;
}

.entry .wp-caption-text {
	margin: 0;
	color: var(--c-muted-light);
	font-size: 14px;
	line-height: 1.5;
}

/* Listes : filets gris entre les éléments */
.entry ul,
.entry ol {
	margin: 0 0 32px;
	padding: 0;
	border-top: 1px solid #e6e9e6;
	list-style: none;
}

.entry li {
	position: relative;
	border-bottom: 1px solid #e6e9e6;
	line-height: 1.8;
}

/* Puces : point vert */
.entry ul > li {
	padding: 16px 0 16px 38px;
}

.entry ul > li::before {
	content: '';
	position: absolute;
	top: 27px;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--c-green);
}

/* Numéros : gros chiffres verts */
.entry ol {
	margin-bottom: 36px;
	counter-reset: entry-list;
}

.entry ol > li {
	padding: 20px 0 20px 58px;
	counter-increment: entry-list;
}

.entry ol > li::before {
	content: counter(entry-list) '.';
	position: absolute;
	top: 20px;
	left: 0;
	color: var(--c-green);
	font-family: var(--f-title);
	font-weight: 700;
	font-size: 22px;
	line-height: 1.3;
}

/* Formats → Encadré */
.entry .encadre {
	padding: 20px 24px;
	border-radius: 12px;
	background: #f6f9f4;
}

/* Formats → Phrase de signature */
.entry .signature {
	color: var(--c-ink);
	font-weight: 600;
	font-size: 18px;
}