/**
 * Marquee Block - Frontend Styles
 */

/* Keyframes de défilement */
@keyframes marquee-scroll-left {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}

@keyframes marquee-scroll-right {
	0%   { transform: translateX(-100%); }
	100% { transform: translateX(0); }
}

/* Wrapper principal */
.wp-block-marquee-mediagglax-marquee {
	position: relative;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}

/* Track : flex horizontal, overflow caché */
.wp-block-marquee-mediagglax-marquee .marquee-block-track {
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	width: 100%;
	align-items: center;
}

/* Chaque "set" dupliqué */
.wp-block-marquee-mediagglax-marquee .marquee-block-set {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	will-change: transform;
	/* animation définie via <style> inline scopé */
}

/* Item individuel */
.wp-block-marquee-mediagglax-marquee .marquee-block-item {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	flex-shrink: 0;
}

/* Images dans les items */
.wp-block-marquee-mediagglax-marquee .marquee-block-item img {
	display: block;
	width: auto;
	max-width: none;
	flex-shrink: 0;
}

/* Icônes */
.wp-block-marquee-mediagglax-marquee .marquee-block-icon {
	display: inline-flex;
	align-items: center;
	font-style: normal;
}

/* Séparateur */
.wp-block-marquee-mediagglax-marquee .marquee-block-separator {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
}

/* Liens */
.wp-block-marquee-mediagglax-marquee .marquee-block-item a {
	color: inherit;
	text-decoration: inherit;
	display: inline-flex;
	align-items: center;
}

.wp-block-marquee-mediagglax-marquee .marquee-block-item a:hover {
	opacity: 0.8;
}

/* Fade edges */
.wp-block-marquee-mediagglax-marquee.has-fade-edges .marquee-block-fade {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 2;
	background:
		linear-gradient(
			to right,
			var(--marquee-fade-color, #fff) 0%,
			transparent var(--marquee-fade-size, 80px),
			transparent calc(100% - var(--marquee-fade-size, 80px)),
			var(--marquee-fade-color, #fff) 100%
		);
}

/* Pause au survol */
.wp-block-marquee-mediagglax-marquee.pause-on-hover:hover .marquee-block-set {
	animation-play-state: paused;
}

/* Reduced motion */
.wp-block-marquee-mediagglax-marquee.motion-reduced .marquee-block-set {
	animation: none !important;
	transform: none !important;
}

.wp-block-marquee-mediagglax-marquee.motion-reduced .marquee-block-track {
	justify-content: center;
	flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 768px) {
	.wp-block-marquee-mediagglax-marquee.disable-on-mobile .marquee-block-set {
		animation: none !important;
		transform: none !important;
	}
	.wp-block-marquee-mediagglax-marquee.disable-on-mobile .marquee-block-track {
		flex-wrap: wrap;
		justify-content: center;
		gap: 1rem !important;
	}
}

/* Alignements */
.wp-block-marquee-mediagglax-marquee.alignwide {
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-left: auto;
	margin-right: auto;
}
.wp-block-marquee-mediagglax-marquee.alignfull {
	max-width: 100%;
}