/* Bandeau défilant LAAB : réglages passés en variables CSS par le plugin. */
.laab-bandeau {
	--laab-hauteur: 40px;
	--laab-police: 18px;
	--laab-texte: #ffffff;
	--laab-fond: #3d2f30;

	position: relative;
	overflow: hidden;
	height: var(--laab-hauteur);
	background: var(--laab-fond);
	color: var(--laab-texte);
	font-family: var(--laab-famille, inherit);
	font-size: var(--laab-police);
	line-height: var(--laab-hauteur);
	white-space: nowrap;
}
.laab-bandeau[data-lien] {
	cursor: pointer;
}
.laab-bandeau:focus-visible {
	outline: 2px solid var(--laab-texte);
	outline-offset: -4px;
}

.laab-bandeau__piste {
	display: inline-flex;
	align-items: center;
	height: 100%;
	will-change: transform;
}
.laab-bandeau.est-anime .laab-bandeau__piste {
	animation: laab-bandeau-defile var(--laab-duree, 20s) linear infinite;
}
.laab-bandeau:hover .laab-bandeau__piste,
.laab-bandeau:focus-within .laab-bandeau__piste {
	animation-play-state: paused;
}
@keyframes laab-bandeau-defile {
	from { transform: translateX(0); }
	to   { transform: translateX(calc(-1 * var(--laab-pas, 0px))); }
}

.laab-bandeau__item {
	flex: none;
	display: inline-flex;
	align-items: center;
	height: 100%;
	padding-right: var(--laab-espace, 100px);
}
/* Le contenu vient de l'éditeur (paragraphes, images...) : tout sur une ligne. */
.laab-bandeau__item p,
.laab-bandeau__item div {
	display: inline;
	margin: 0;
	padding: 0;
}
/* Le thème impose couleur et taille aux paragraphes : on reprend celles du bandeau.
   Une couleur ou une taille choisie dans l'éditeur (style en ligne) reste prioritaire. */
.laab-bandeau__item * {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}
.laab-bandeau__item br {
	display: none;
}
.laab-bandeau__item img {
	display: inline-block;
	max-height: calc(var(--laab-hauteur) * 0.8);
	width: auto;
	margin: 0 0.3em;
	vertical-align: middle;
}
.laab-bandeau__item a {
	color: inherit;
}

/* Vitesse 0 : texte fixe, centré. */
.laab-bandeau.est-fixe .laab-bandeau__piste {
	display: flex;
	justify-content: center;
	width: 100%;
}
.laab-bandeau.est-fixe .laab-bandeau__item {
	padding: 0 16px;
}

/* Animations désactivées sur l'appareil : texte fixe. */
@media (prefers-reduced-motion: reduce) {
	.laab-bandeau.est-anime .laab-bandeau__piste {
		animation: none;
	}
	.laab-bandeau__item {
		padding-left: 16px;
	}
}