/**
 * eh-block global frontend styles
 */

/**
 * Slider
 */
.wp-block-gallery.is-style-slider {
	--eh--slider--max-inline-size: 100%;
	--eh--slider--slide--height: auto;
}

/* Wrapper */
.swiper-wrapper {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
	block-size: 100%;
	inline-size: 100%;
	margin-block-end: 0;
	overflow: visible;
}

/* Slide */
.swiper-wrapper .swiper-slide {
	display: block;
	flex: 1 0 auto;
	block-size: 100%;
	max-block-size: var(--eh--slider--slide--height);
	margin-block: 0;
	margin-inline-end: 0;
}


/* --- Controls --- */
.wp-block-buttons.wp-block-eh-slider-controls :is(.is-style-next, .is-style-prev) {
	position: relative;
	inset: auto;
}

/* Navigation buttons */
.wp-block-buttons.wp-block-eh-slider-controls {
	justify-content: center;

	.swiper-pagination {
		order: 2;
	}

	.is-style-next {
		order: 3;
	}
}


.swiper:not(.wp-block-gallery) {
	@media (width >= 900px) {
		.wp-block-buttons.wp-block-eh-slider-controls {
			justify-content: flex-end;

			.swiper-pagination {
				order: 3;
			}

			.is-style-next {
				order: 2;
			}
		}
	}
}


.wp-block-gallery.is-style-slider .wp-block-buttons.wp-block-eh-slider-controls {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-block: 0;
}

/* Pagination */
.swiper-pagination.wp-block-eh-slider-pagination.wp-block-eh-slider-pagination {
	--swiper-pagination-color: var(--wp--preset--color--contrast);
	--swiper-pagination-bullet-inactive-color: var(--wp--preset--color--contrast-3);
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-top: auto;
	--swiper-pagination-bottom: auto;

	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	inline-size: auto;
	pointer-events: none;
}

.swiper-pagination-bullet {
	pointer-events: auto;
}

.wp-block-eh-slider-controls .wp-element-button.wp-block-button__link {
	block-size: auto;
	inline-size: auto;
	padding: 0.75rem;
	color: var(--wp--preset--color--base);
	cursor: pointer;
}