/* Thème enfant EBTP : couleurs du logo et boutons communs. */
:root {
	--ebtp-orange: #f28c00;
	--ebtp-cyan: #1fb6f0;
	--ebtp-rose: #e5007d;
	--ebtp-lime: #b9cf00;
	--ebtp-ardoise: #627f9a;
	--ebtp-encre: #1d2733;
}

.ebtp-bouton {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 12px 24px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	transition: transform .2s, box-shadow .2s, background-color .2s;
}
.ebtp-bouton:hover,
.ebtp-bouton:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
}
.ebtp-bouton--plein { background: var(--ebtp-orange); color: #fff; }
.ebtp-bouton--plein:hover { color: #fff; }
.ebtp-bouton--contour { border: 2px solid currentColor; color: #fff; }
.ebtp-bouton--contour:hover { color: #fff; background: rgba(255, 255, 255, .12); }
.ebtp-bouton__fleche::after { content: "→"; display: inline-block; transition: transform .2s; }
.ebtp-bouton:hover .ebtp-bouton__fleche::after { transform: translateX(4px); }

/* Apparitions en fondu de Flatsome (« animate » dans l'UX Builder) : plus rapides, sans délai. */
[data-animated="true"] { transition: transform .35s ease-out, opacity .2s ease-out !important; transition-delay: 0s !important; animation-delay: 0s !important; }
[data-animate] { transition-delay: 0s !important; }

/* Mots composés insécables (inc/typo.php). */
ebtp-insec { display: inline; white-space: nowrap; }

/* Exposants (2nde, 1ère, m²…) : collés au chiffre, sans décaler la ligne. */
sup { font-size: .68em; line-height: 0; vertical-align: super; margin-left: 0; letter-spacing: 0; }
.ebtp-lien__txt { display: inline; }

/* Titres : pas d'effet d'apparition (fondu Flatsome « animate ») ; ils sont là dès l'ouverture de la page. */
.banner [data-animate],
[data-animate]:has(> :is(h1, h2, h3, h4)),
[data-animate]:has(.text-inner > :is(h1, h2, h3, h4)),
:is(h1, h2, h3, h4)[data-animate] {
	opacity: 1 !important;
	transform: none !important;
	filter: none !important;
	transition: none !important;
	animation: none !important;
}

/* Couleur du texte sélectionné, aux couleurs du site. Sur les fonds déjà colorés ou sombres : blanc, pour rester visible. */
::selection { background: var(--ebtp-rose); color: #fff; }
.banner ::selection,
.ebtp-une ::selection,
.ebtp-orga__carte ::selection,
.ebtp-chemin__f.is-ici ::selection,
#top-bar ::selection,
footer ::selection { background: #fff; color: var(--ebtp-encre); }