/* « Fil infos » de l'accueil (inc/fil-infos.php|js). */
.ebtp-fil {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--ebtp-filet);
	border-radius: 10px;
	background: #f7f8fa;
	text-align: left;
}
.ebtp-fil__entete { flex: 0 0 auto; padding: 16px 18px 13px; border-bottom: 1px solid var(--ebtp-filet); background: #fff; }
.ebtp-fil .ebtp-fil__titre {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	color: var(--ebtp-encre);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.ebtp-fil__direct { position: relative; flex: 0 0 9px; height: 9px; border-radius: 50%; background: var(--ebtp-rose); }
.ebtp-fil__direct::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: var(--ebtp-rose);
	animation: ebtp-fil-pulse 1.8s ease-out infinite;
}
@keyframes ebtp-fil-pulse { from { transform: scale(1); opacity: .6; } to { transform: scale(2.6); opacity: 0; } }

.ebtp-fil__fenetre { position: relative; flex: 1 1 auto; max-height: 520px; overflow-y: auto; padding: 0 12px; outline-offset: -3px; }
.ebtp-fil__fenetre.is-defile { overflow: hidden; max-height: none; }
.ebtp-fil__fenetre.is-defile::before,
.ebtp-fil__fenetre.is-defile::after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	height: 26px;
	pointer-events: none;
}
.ebtp-fil__fenetre.is-defile::before { top: 0; background: linear-gradient(#f7f8fa, rgba(247, 248, 250, 0)); }
.ebtp-fil__fenetre.is-defile::after { bottom: 0; background: linear-gradient(rgba(247, 248, 250, 0), #f7f8fa); }
.ebtp-fil__piste { animation: ebtp-fil-defile var(--ebtp-fil-duree, 30s) linear infinite; }
.ebtp-fil__fenetre:hover .ebtp-fil__piste,
.ebtp-fil__fenetre:focus-within .ebtp-fil__piste { animation-play-state: paused; }
@keyframes ebtp-fil-defile { from { transform: translateY(0); } to { transform: translateY(-50%); } }

.ebtp-fil__liste { margin: 0; padding: 12px 0 0; list-style: none; }
.ebtp-fil__actu { margin: 0 0 12px; }
.ebtp-fil__lien {
	display: flex;
	gap: 12px;
	padding: 14px;
	border: 1px solid var(--ebtp-filet);
	border-left: 3px solid var(--ebtp-fil-c);
	border-radius: 8px;
	background: #fff;
	color: inherit;
	text-decoration: none;
	transition: box-shadow .2s;
}
a.ebtp-fil__lien:hover { box-shadow: 0 8px 20px rgba(18, 28, 40, .1); color: inherit; }
.ebtp-fil__ic {
	display: flex;
	flex: 0 0 34px;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--ebtp-fil-c) 14%, #fff);
	color: var(--ebtp-fil-c);
}
.ebtp-fil__ic .ebtp-ic { width: 17px; height: 17px; }
.ebtp-fil__corps { display: block; min-width: 0; }
.ebtp-fil__nom { display: block; color: var(--ebtp-encre); font-size: 15px; font-weight: 700; line-height: 1.35; }
.ebtp-fil__texte { display: block; margin-top: 4px; color: #55616e; font-size: 13.5px; line-height: 1.5; }
.ebtp-fil__plus { display: inline-block; margin-top: 6px; color: var(--ebtp-ardoise-fonce); font-size: 13px; font-weight: 700; }
a.ebtp-fil__lien:hover .ebtp-fil__plus { color: var(--ebtp-encre); text-decoration: underline; text-underline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
	.ebtp-fil__direct::after { animation: none; }
}

/* Version compacte : moins d'espace perdu. */
.ebtp-fil__entete { padding: 11px 14px 10px; }
.ebtp-fil .ebtp-fil__titre { font-size: 13px; }
.ebtp-fil__fenetre { padding: 0 8px; }
.ebtp-fil__liste { padding-top: 8px; }
.ebtp-fil__actu { margin-bottom: 8px; }
.ebtp-fil__lien { gap: 0; padding: 10px 12px; border-radius: 6px; }
.ebtp-fil__ic, .ebtp-fil__plus { display: none; }
.ebtp-fil__nom { font-size: 14px; line-height: 1.3; }
.ebtp-fil__texte {
	display: -webkit-box;
	margin-top: 3px;
	overflow: hidden;
	font-size: 13px;
	line-height: 1.45;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
a.ebtp-fil__lien:hover .ebtp-fil__nom { text-decoration: underline; text-underline-offset: 3px; }

/* Pas de cadre dans le cadre : les actus occupent toute la largeur du bloc. */
.ebtp-fil { background: #fff; }
.ebtp-fil__fenetre { padding: 0; }
.ebtp-fil__liste { padding: 0; }
.ebtp-fil__actu { margin: 0; }
.ebtp-fil__lien {
	padding: 12px 16px 12px 14px;
	border: 0;
	border-left: 3px solid var(--ebtp-fil-c);
	border-bottom: 1px solid var(--ebtp-filet);
	border-radius: 0;
}
a.ebtp-fil__lien:hover { background: #f7f8fa; box-shadow: none; }
.ebtp-fil__fenetre.is-defile::before { background: linear-gradient(#fff, rgba(255, 255, 255, 0)); }
.ebtp-fil__fenetre.is-defile::after { background: linear-gradient(rgba(255, 255, 255, 0), #fff); }

/* Pictos de retour, mais en ligne avec le titre : le texte en dessous repart du bord (pas de colonne vide). */
.ebtp-fil__lien { display: block; }
.ebtp-fil__ic {
	display: inline-flex;
	float: left;
	width: 22px;
	height: 22px;
	flex: none;
	margin: -1px 8px 0 0;
}
.ebtp-fil__ic .ebtp-ic { width: 13px; height: 13px; stroke-width: 2; }
.ebtp-fil__corps { display: block; }
.ebtp-fil__nom { line-height: 20px; }
.ebtp-fil__texte { clear: left; }

/* Actus alignées sur le rond du titre (Flatsome ajoutait une marge gauche aux <li>). */
.ebtp-fil .ebtp-fil__liste,
.ebtp-fil .ebtp-fil__liste > li.ebtp-fil__actu { margin: 0 !important; padding: 0; }
.ebtp-fil__fenetre { padding: 0 14px; }
.ebtp-fil__entete { padding-left: 14px; padding-right: 14px; }