/* ============================================================
   Esprit & Vie — couleurs de marque (source unique)
   Thème enfant : assets/css/eevm-tokens.css
   Valeurs mesurées sur le logo : noir #010101, doré #b2804f
   ============================================================ */
:root {
	--eevm-black:        #010101;  /* noir du logo */
	--eevm-gold:         #b2804f;  /* doré du logo : filets, icônes, décor */
	--eevm-gold-dark:    #8a5f31;  /* doré texte/CTA (≈5,6:1 sur blanc) */
	--eevm-gold-darker:  #6f4b25;  /* survol */
	--eevm-gold-light:   #c09868;  /* reflets du logo */
	--eevm-cream:        #f7f2ea;  /* fonds clairs */
	--eevm-line:         #e6dccb;  /* bordures */
	--eevm-ink:          #1a1a1a;  /* texte courant */
	--eevm-ink-soft:     #5c554d;  /* texte secondaire */

	--eevm-accent:       var(--eevm-gold-dark);
	--eevm-accent-dk:    var(--eevm-gold-darker);
}

/* ============================================================
   Ornements « – & – » (inspirés du logo)
   Image à placer dans le thème enfant : assets/img/esperluette-ornement.png
   Règle : H1 de page = esperluette ; grandes sections = tirets ; rien en dessous.
   ============================================================ */

/* Tiret doré (partagé) */
.eevm-title-dashes::before,
.eevm-title-dashes::after,
.titre-archives::before,
.titre-archives::after,
.eevm-section > .eevm-section__title::before,
.eevm-section > .eevm-section__title::after,
.eevm-section__head .eevm-section__title::before {
	content: "";
	flex: 0 0 2.25rem;
	height: 3px;
	border-radius: 999px;
	background: var(--eevm-gold);
}

/* Titre centré entre deux tirets :  —  Titre  — */
.eevm-title-dashes,
.titre-archives,
.eevm-section > .eevm-section__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	text-align: center;
}

/* Titre de section aligné à gauche (avec lien « voir tout ») : un tiret devant */
.eevm-section__head .eevm-section__title {
	display: flex;
	align-items: center;
	gap: .75rem;
}
.eevm-section__head .eevm-section__title::before { flex-basis: 1.75rem; }

/* H1 de page : ornement « – & – » du logo sous le titre */
.penci-page-header,
.penci-page-header .entry-title,
.archive-box h1,
.eevm-title-amp {
	text-align: center;
}
.penci-page-header .entry-title::after,
.archive-box h1::after,
.eevm-title-amp::after {
	content: "";
	display: block;
	width: 3.5rem;
	height: 2rem;
	margin: .5rem auto 0;
	background: url("../../images/esperluette-ornement.png") center / contain no-repeat;
}
/* Retirer l'ornement sur une page précise :
   .page-id-123 .penci-page-header .entry-title::after { display: none; } */

/* Mobile : tirets plus courts */
@media (max-width: 520px) {
	.eevm-title-dashes,
	.titre-archives,
	.eevm-section > .eevm-section__title { gap: .6rem; }
	.eevm-title-dashes::before,
	.eevm-title-dashes::after,
	.titre-archives::before,
	.titre-archives::after,
	.eevm-section > .eevm-section__title::before,
	.eevm-section > .eevm-section__title::after { flex-basis: 1.25rem; }
}