/**
 * SEO Offensive Clients - Smooth Slider Styles
 *
 * @package SP Page Builder
 * @author SEO Offensive
 * @since 1.0.0
 */

/* Slider Container */
.seooffensive-clients-slider {
	overflow: hidden;
	position: relative;
	width: 100%;
}

/* Edge Fade - applied via inline CSS with configurable size */
.seooffensive-clients-slider.has-edge-fade {
	-webkit-mask-image: linear-gradient(
		to right,
		transparent 0%,
		black var(--seo-fade-size, 10%),
		black calc(100% - var(--seo-fade-size, 10%)),
		transparent 100%
	);
	mask-image: linear-gradient(
		to right,
		transparent 0%,
		black var(--seo-fade-size, 10%),
		black calc(100% - var(--seo-fade-size, 10%)),
		transparent 100%
	);
}

/* Track - flex container that scrolls via transform */
.seooffensive-clients-track {
	display: flex;
	align-items: center;
	will-change: transform;
}

/* Individual Item */
.seooffensive-clients-item {
	flex-shrink: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

.seooffensive-clients-item a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

/* Client Images */
.sppb-addon-seooffensive-clients .seooffensive-clients-image {
	display: block;
	max-width: 100%;
	height: auto;
	transition: filter 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
}

/* Grid Mode - items in sppb-row */
.sppb-addon-seooffensive-clients .sppb-addon-content .sppb-row > div {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}