/* Bande d'annonces défilante : discrète, aux couleurs du logo */
.fet-ticker {
	--fet-ticker-bg: #e8a32a;
	--fet-ticker-fg: #1f2a37;
	--fet-ticker-sep: rgba(31, 42, 55, .45);
	position: relative;
	z-index: 1001;
	display: flex;
	align-items: center;
	height: 38px;
	background: var(--fet-ticker-bg);
	color: var(--fet-ticker-fg);
	font: 500 13px/1 Poppins, system-ui, sans-serif;
	letter-spacing: .01em;
	overflow: hidden;
}
.fet-ticker[hidden] { display: none; }
.fet-ticker--bleu   { --fet-ticker-bg: #1d5fa8; --fet-ticker-fg: #fff; --fet-ticker-sep: rgba(255, 255, 255, .5); }
.fet-ticker--marine { --fet-ticker-bg: #0c2645; --fet-ticker-fg: #e6eef8; --fet-ticker-sep: #e8a32a; }
.fet-ticker--vert   { --fet-ticker-bg: #8cc63f; --fet-ticker-fg: #13261a; --fet-ticker-sep: rgba(19, 38, 26, .45); }

.fet-ticker__viewport {
	flex: 1;
	min-width: 0;
	height: 100%;
	overflow: hidden;
	/* fondu doux aux deux extrémités */
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 32px), transparent);
	mask-image: linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 32px), transparent);
}
.fet-ticker__track {
	display: flex;
	width: max-content;
	height: 100%;
	animation: fet-ticker var(--fet-ticker-duration, 40s) linear infinite;
	will-change: transform;
}
.fet-ticker:hover .fet-ticker__track,
.fet-ticker:focus-within .fet-ticker__track,
.fet-ticker.is-paused .fet-ticker__track { animation-play-state: paused; }
@keyframes fet-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.fet-ticker__list {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.fet-ticker__item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0 28px;
	white-space: nowrap;
}
.fet-ticker__item::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -3px;
	width: 5px;
	height: 5px;
	margin-top: -2.5px;
	border-radius: 50%;
	background: var(--fet-ticker-sep);
}
.fet-ticker__item a {
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.fet-ticker__item a:hover,
.fet-ticker__item a:focus-visible { text-decoration-thickness: 2px; }
.fet-ticker a:focus-visible,
.fet-ticker__btn:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 3px; }

.fet-ticker__btn {
	display: grid;
	place-items: center;
	flex: none;
	width: 34px;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
	opacity: .75;
	transition: opacity .15s;
}
.fet-ticker__btn:hover { opacity: 1; background: transparent; color: inherit; }
.fet-ticker__btn svg { width: 15px; height: 15px; fill: currentColor; }
.fet-ticker__pause .i-play,
.fet-ticker.is-paused .fet-ticker__pause .i-pause { display: none; }
.fet-ticker.is-paused .fet-ticker__pause .i-play { display: inline; }
.fet-ticker__close { margin-right: 4px; }

@media (max-width: 760px) {
	.fet-ticker { height: 34px; font-size: 12.5px; }
	.fet-ticker__item { padding: 0 20px; }
}

/* Mouvement réduit : pas d'animation, défilement manuel */
@media (prefers-reduced-motion: reduce) {
	.fet-ticker__track { animation: none; }
	.fet-ticker__viewport { overflow-x: auto; scrollbar-width: none; -webkit-mask-image: none; mask-image: none; }
	.fet-ticker__list[aria-hidden="true"], .fet-ticker__pause { display: none; }
}