/* Manufacturer Logo Slider block */
.uat-mls {
	--mls-per: var(--mls-desktop, 6);
	--mls-gap: 20px;
	padding: 50px 0;
}
@media (max-width: 1024px) {
	.uat-mls { --mls-per: var(--mls-tablet, 4); }
}
@media (max-width: 767px) {
	.uat-mls { --mls-per: var(--mls-mobile, 2); --mls-gap: 12px; padding: 35px 0; }
}

.uat-mls__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
}
.uat-mls__subtitle {
	margin: 0 0 4px;
	font-size: 14px;
	opacity: .75;
}
.uat-mls__subtitle:empty:not([data-acf-inline-contenteditable]) { display: none; }
.uat-mls__title { margin: 0; }
.uat-mls__view-all {
	font-weight: 600;
	white-space: nowrap;
	text-decoration: none;
	color: inherit;
}
.uat-mls__placeholder { opacity: .5; cursor: pointer; }

.uat-mls__body { position: relative; }
.uat-mls__viewport { overflow: hidden; padding: 12px 0 20px; }
.uat-mls__track {
	display: flex;
	gap: var(--mls-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}
.uat-mls__item {
	flex: 0 0 calc((100% - (var(--mls-per) - 1) * var(--mls-gap)) / var(--mls-per));
	min-width: 0;
	margin: 0;
	list-style: none;
}

/* Slider: native scroll snapping, arrows/dots drive scrollLeft */
.uat-mls--slider .uat-mls__viewport {
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
}
.uat-mls--slider .uat-mls__viewport::-webkit-scrollbar { display: none; }
.uat-mls--slider .uat-mls__item { scroll-snap-align: start; }

/* Continuous scroll (marquee): JS duplicates the items, CSS moves the track by half */
.uat-mls--marquee .uat-mls__track { width: max-content; }
.uat-mls--marquee .uat-mls__item { flex-basis: calc((var(--mls-viewport, 1200px) - (var(--mls-per) - 1) * var(--mls-gap)) / var(--mls-per)); }
.uat-mls--marquee.is-running .uat-mls__track {
	animation: uat-mls-marquee var(--mls-duration, 30s) linear infinite;
}
.uat-mls--marquee.is-running .uat-mls__body:hover .uat-mls__track { animation-play-state: paused; }
@keyframes uat-mls-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(calc(-50% - var(--mls-gap) / 2)); }
}
@media (prefers-reduced-motion: reduce) {
	.uat-mls--marquee.is-running .uat-mls__track { animation: none; }
}

/* Cards */
.uat-mls__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 150px;
	padding: 20px 12px;
	text-align: center;
	text-decoration: none;
	color: inherit;
	background: #fff;
	border-radius: 15px;
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.uat-mls--card-shadow .uat-mls__card { box-shadow: 0 8px 30px rgba(0, 0, 0, .1); }
.uat-mls--card-shadow a.uat-mls__card:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .15);
}
.uat-mls--card-flat .uat-mls__card { border: 1px solid #e3e3e8; }
.uat-mls--card-flat a.uat-mls__card:hover { border-color: #130e86; }
.uat-mls--card-none .uat-mls__card { background: transparent; height: 110px; }

.uat-mls__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 64px;
	width: 100%;
}
.uat-mls__logo img {
	max-width: 100px;
	max-height: 64px;
	width: auto;
	height: auto;
	object-fit: contain;
	transition: filter .3s ease, opacity .3s ease;
}
.uat-mls--grayscale .uat-mls__logo img { filter: grayscale(100%); opacity: .7; }
.uat-mls--grayscale .uat-mls__card:hover .uat-mls__logo img { filter: none; opacity: 1; }
.uat-mls__initials {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #f0f1f5;
	font-weight: 600;
}
.uat-mls__name { font-weight: 600; font-size: 15px; line-height: 1.2; }
.uat-mls__count {
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 4px;
	background: #f0f1f5;
}

/* Arrows + dots */
.uat-mls__arrow {
	position: absolute;
	top: calc(50% - 22px);
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid #e3e3e8;
	border-radius: 50%;
	background: #fff;
	color: #000;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}
.uat-mls__arrow--prev { left: -20px; }
.uat-mls__arrow--next { right: -20px; }
.uat-mls__arrow[disabled] { opacity: .35; cursor: default; }
.uat-mls__arrow.is-hidden { display: none; }
@media (max-width: 767px) {
	.uat-mls__arrow--prev { left: -6px; }
	.uat-mls__arrow--next { right: -6px; }
}
.uat-mls__dots {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-top: 4px;
}
.uat-mls__dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: #c9c9d1;
	cursor: pointer;
	transition: width .2s ease, background .2s ease;
}
.uat-mls__dot.is-active { width: 22px; background: #130e86; }

/* Editor */
.uat-mls__empty {
	padding: 30px;
	border: 1px dashed #c9c9d1;
	border-radius: 8px;
	text-align: center;
	cursor: pointer;
}