/* Texte défilant */
/* Jamais plus large que son conteneur : dans une colonne centrée, le bandeau prendrait sinon la largeur
   de son contenu, le script y ajouterait des copies, et la largeur grandirait sans fin. */
.mb-w-marquee { width: 100%; max-width: 100%; min-width: 0; }
.mb-marquee { --mb-marquee-gap: 40px; overflow: hidden; white-space: nowrap; }
/* La piste contient deux moitiés identiques : glisser d'une moitié donne une boucle sans à-coup. */
.mb-marquee__track { display: flex; width: max-content; animation: mb-marquee var(--mb-marquee-duration, 30s) linear infinite; }
.mb-marquee--right .mb-marquee__track { animation-direction: reverse; }
.mb-marquee--pausable:hover .mb-marquee__track { animation-play-state: paused; }
.mb-marquee__group { display: flex; flex: none; align-items: center; gap: var(--mb-marquee-gap); margin: 0; padding-right: var(--mb-marquee-gap); }
.mb-marquee__item, .mb-marquee__sep { flex: none; }
.mb-marquee__sep { display: inline-flex; line-height: 1; }
.mb-marquee__sep svg { width: 1em; height: 1em; fill: currentColor; }
.mb-marquee--outline .mb-marquee__item { color: transparent !important; -webkit-text-stroke: 1px var(--mb-secondary); }
/* Logos : même hauteur pour tous, largeur selon leurs proportions. */
.mb-marquee__logo { display: inline-flex; align-items: center; opacity: var(--mb-logo-opacity, 1); transition: opacity 0.2s, filter 0.2s; }
.mb-marquee__logo img { display: block; height: 48px; width: auto; max-width: none; object-fit: contain; }
.mb-marquee--gray .mb-marquee__logo { filter: grayscale(1); }
.mb-marquee--gray .mb-marquee__logo:hover { filter: none; opacity: 1; }
@keyframes mb-marquee { to { transform: translateX(-50%); } }
/* Moins d'animations demandé (réglage souvent activé sans le savoir sur Windows) : on garde
   le défilement, deux fois plus lent, plutôt qu'un bandeau coupé net. Pause au survol possible. */
@media (prefers-reduced-motion: reduce) {
	.mb-marquee__track { animation-duration: calc(var(--mb-marquee-duration, 30s) * 2); }
}