/* FB Bandeau défilant */
.fbbd {
	position: relative;
	z-index: 50;
	overflow: hidden;
	background: var(--fbbd-bg, #1F332B);
	color: var(--fbbd-color, #F3EFE4);
	font-size: var(--fbbd-size, 13px);
	line-height: 1.4;
	letter-spacing: 0.03em;
}
.fbbd--sticky { position: sticky; top: 0; z-index: 1000; }
body.admin-bar .fbbd--sticky { top: 32px; }
@media (max-width: 782px) { body.admin-bar .fbbd--sticky { top: 46px; } }

.fbbd-track { display: flex; }
.fbbd-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	list-style: none;
	margin: 0;
	padding: 10px 0;
}
.fbbd-group > li { margin: 0; padding: 0; white-space: nowrap; color: inherit; }
.fbbd-group > .fbbd-item { padding: 0 1.25em; }
.fbbd-sep { opacity: 0.6; }
.fbbd a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.fbbd a:hover, .fbbd a:focus { opacity: 0.8; }

/* Défilement (activé par le JS une fois les messages dupliqués) */
.fbbd.is-running .fbbd-track { width: max-content; animation: fbbd-scroll var(--fbbd-duration, 30s) linear infinite; }
.fbbd.is-running .fbbd-group { flex-wrap: nowrap; justify-content: flex-start; }
.fbbd--right.is-running .fbbd-track { animation-direction: reverse; }
.fbbd--pause:hover .fbbd-track,
.fbbd:focus-within .fbbd-track { animation-play-state: paused; }

@keyframes fbbd-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
	.fbbd:not(.fbbd--always).is-running .fbbd-track { animation: none; }
}

/* Administration */
.fbbd-preview { max-width: 1000px; border-radius: 6px; overflow: hidden; margin-top: 8px; }
.fbbd-empty { padding: 12px 16px; background: #f0f0f1; color: #50575e; }
.fbbd-admin .fbbd-items { max-width: 1000px; }
.fbbd-admin .fbbd-items td { vertical-align: middle; }
.fbbd-admin .fbbd-handle { cursor: grab; color: #8c8f94; text-align: center; user-select: none; }
.fbbd-admin .fbbd-row.is-dragging { opacity: 0.4; }
.fbbd-admin .fbbd-remove { color: #b32d2e; }