/**
 * Gallery Slider styles for shortcode and core/gallery slider style.
 */

.gallery.gallery-layout-slider .gallery-slider-track {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

.gallery.gallery-layout-slider .gallery-slider-track::-webkit-scrollbar {
	display: none;
}

.gallery.gallery-layout-slider .gallery-slider-track .gallery-item {
	flex: 0 0 100%;
	scroll-snap-align: start;
	min-width: 0;
}

.gallery.gallery-layout-slider .gallery-slider-track .gallery-item img {
	width: 100%;
	height: auto;
	border: none;
}

.wp-block-gallery.is-style-slider {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	gap: 0;
}

.wp-block-gallery.is-style-slider::-webkit-scrollbar {
	display: none;
}

.wp-block-gallery.is-style-slider .wp-block-image {
	flex: 0 0 100%;
	max-width: 100%;
	scroll-snap-align: start;
	min-width: 0;
	margin: 0;
}

.wp-block-gallery.is-style-slider .wp-block-image img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.ftm-gallery-slider-nav .slider-button-prev,
.ftm-gallery-slider-nav .slider-button-next {
	background: none;
	border: none;
	color: var(--color-primary, #3a3a3a);
	cursor: pointer;
	font-size: var(--gallery-slider-control-size);
	line-height: 1;
	padding: 0;
}

.slider-pagination-dot {
	background-color: currentcolor;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 0 3px;
	opacity: 0.3;
	padding: 0;
	transition: opacity 0.2s ease;
	vertical-align: middle;
	width: 8px;
}

.slider-pagination-dot.is-active {
	opacity: 1;
}

.ftm-gallery-slider-nav {
	align-items: center;
	display: flex;
	justify-content: center;
}

.ftm-gallery-slider-nav .slider-pagination {
	margin: 0 var(--space-large);
	width: auto;
}