/**
 * 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.swiper-navigation :is(.swiper-button-next, .swiper-button-prev) {
	position: relative;
	inset: auto;

	svg {
		scale: 1 1;
	}
}

/* Navigation buttons */
.wp-block-gallery.is-style-slider .wp-block-buttons.swiper-navigation {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-block: 0;
}

/* Pagination */
.swiper-pagination {
	--swiper-pagination-color: var(--wp--preset--color--accent-1);
	--swiper-pagination-bullet-inactive-color: var(--wp--preset--color--contrast-3);
	--swiper-pagination-bullet-inactive-opacity: 1;

	display: flex;
	position: relative;
	inset: auto !important;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

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

.swiper-navigation .wp-element-button.wp-block-button__link {
	block-size: auto;
	inline-size: auto;
	padding: 1rem;
	color: var(--wp--preset--color--base);
	cursor: pointer;
}