/* Partager à un proche : un encart dans la charte du site
   (fond rose poudré, capitales espacées, boutons à filet gris comme « VALIDER ») */
.evp {
	--evp-noir: var(--e-global-color-primary, #000000);
	--evp-gris: var(--e-global-color-text, #676767);
	--evp-bronze: var(--e-global-color-secondary, #96856B);
	--evp-panneau: #F0E4DC; /* rose poudré de la palette du site (aplats de la page Inspirations) */
	--evp-capitales: "aktiv-grotesk-extended", "Aktiv Grotesk Ex", "Helvetica Neue", Arial, sans-serif;
	--evp-lecture: "SangBleu Versailles", Georgia, "Times New Roman", serif;

	display: flex; flex-direction: column; align-items: center; gap: 12px;
	margin: 56px 0 8px; padding: 40px 28px 24px;
	background: var(--evp-panneau);
	text-align: center;
}
.evp [hidden] { display: none !important; }
.evp p { margin: 0; padding: 0; }

.evp .evp-libelle {
	font-family: var(--evp-capitales); text-transform: uppercase; font-weight: 400;
	font-size: 13px; line-height: 18px; letter-spacing: 2.5px; color: var(--evp-gris);
}
.evp .evp-libelle::after {
	content: ""; display: block; width: 48px; height: 1px; margin: 14px auto 2px;
	background: var(--evp-bronze);
}
.evp .evp-phrase {
	max-width: 32em;
	font-family: var(--evp-lecture); font-size: 19px; line-height: 1.55; color: var(--evp-gris);
	text-wrap: balance;
}
.evp .evp-liens { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 10px; }

/* Boutons à filet, comme « VALIDER » sur la page Contact.
   Remise à zéro des styles génériques du thème (boutons roses, liens soulignés). */
.evp.evp :is(a, button).evp-lien,
.evp.evp :is(a, button).evp-lien:is(:focus, :active, :visited),
.evp.evp .evp-natif,
.evp.evp .evp-natif:is(:focus, :active) {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	height: 46px; margin: 0; padding: 0 22px;
	border: 1px solid var(--evp-gris); border-radius: 0; background: rgba(255, 255, 255, .55); box-shadow: none;
	font-family: var(--evp-capitales); font-weight: 400; text-transform: uppercase; text-decoration: none;
	font-size: 12px; line-height: 1; letter-spacing: 1.8px; white-space: nowrap;
	color: var(--evp-gris);
	cursor: pointer; -webkit-appearance: none; appearance: none;
	transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.evp.evp :is(a, button).evp-lien:hover,
.evp.evp .evp-natif:hover {
	background: var(--evp-gris); border-color: var(--evp-gris); color: #FFFFFF; text-decoration: none;
}
.evp .evp-icone { flex: none; width: 16px; height: 16px; }
.evp :is(a, button):focus-visible { outline: 1px solid var(--evp-noir); outline-offset: 3px; }

.evp .evp-statut {
	min-height: 20px; margin-top: 2px;
	font-family: var(--evp-lecture); font-size: 14px; line-height: 20px; color: var(--evp-gris);
}

/* Sous une vidéo */
.evp.evp-sous-video { margin-top: 32px; }

/* Mobile : un seul bouton qui ouvre le menu de partage du téléphone */
.evp.evp-mobile .evp-liens { display: none; }
.evp.evp .evp-natif { min-width: 200px; }

@media (max-width: 600px) {
	.evp { margin-top: 44px; padding: 32px 20px 26px; }
	.evp .evp-phrase { font-size: 17px; }
	.evp .evp-liens { flex-direction: column; align-items: stretch; width: 100%; max-width: 320px; }
}

@media (prefers-reduced-motion: reduce) {
	.evp.evp :is(a, button).evp-lien, .evp.evp .evp-natif { transition: none; }
}