/* Mikron Carousel — scorrimento continuo */
.mc{
	--mc-cols:4;
	--mc-gap:40px;
	--mc-duration:30s;
	width:100%;
	display:flow-root;
	position:relative;
	clear:both;
	overflow:visible;
}

.mc-viewport{
	overflow:hidden;
	width:100%;
	height:64px;
	display:flex;
	align-items:center;
}

/* Traccia: sempre in riga, larga quanto il contenuto (2 copie) */
.mc .mc-track{
	display:flex !important;
	flex-wrap:nowrap !important;
	width:max-content;
	max-width:none;
	height:100%;
	align-items:center;
	will-change:transform;
	animation:mc-scroll var(--mc-duration) linear infinite;
}
.mc--right .mc-track{animation-direction:reverse}
.mc--pause .mc-viewport:hover .mc-track{animation-play-state:paused}

/* Elemento: layout blindato contro le regole del tema */
.mc .mc-item{
	position:static !important;
	float:none !important;
	flex:0 0 auto !important;
	min-width:max-content !important;
	height:100%;
	margin-right:var(--mc-gap);
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	box-sizing:border-box;
	text-decoration:none;
	color:inherit;
}

.mc .mc-item img{
	display:block;
	height:70px;
	width:auto;
	object-fit:contain;
	max-width:none;
}

.mc-text{
	font-size:16px;
	line-height:1.4;
	color:#0B2545;
	text-align:center;
	width:100%;
	display:block;
}
/* Item: centra il contenuto anche quando il testo va su piu righe */
.mc-item{
	text-align:center !important;
	align-items:center !important;
	justify-content:center !important;
	flex-direction:column !important;
}

/* Larghezza slide automatica (in base al contenuto) */
.mc--auto .mc-item{width:auto !important}

/* Loghi in scala di grigi */
.mc--grayscale .mc-item img{
	filter:grayscale(1);
	opacity:.7;
	transition:filter .2s ease, opacity .2s ease;
}
.mc--grayscale .mc-item:hover img{
	filter:grayscale(0);
	opacity:1;
}

@media (prefers-reduced-motion: reduce){
	.mc .mc-track{animation:none}
}

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

@media (max-width:767px){
	.mc-viewport{height:56px}
}
