/**
 * Custom - Slider Block
 */

.slider__block {
	.splide__track {
		padding-block: 90px;
	}

	.splide__list {
		height: auto !important;
	}
}

.slider__slide {
	container: slide / inline-size;
	display: flex;
	flex-direction: column-reverse;
	gap: 32px;
	justify-content: flex-end;

	figure {
		display: none;
		margin: 0;
	}

	img {
		aspect-ratio: 3 / 2;
		display: block;
		object-fit: cover;
		width: 100%;
	}

	@media screen and (min-width: 782px) {
		align-items: center;
		display: grid;
		gap: 50px;
		grid-template-columns: 1fr 50%;
		justify-content: center;
		/*padding-inline-end: 80px;*/

		figure {
			display: block;
		}
	}
}

.splide__pagination {
	bottom: 0;
	gap: 35px;
}

.splide__pagination__page {
	background: var(--wp--preset--color--green);
	height: 30px;
	opacity: 0.4;
	width: 30px;

	&.is-active {
		background: var(--wp--preset--color--green);
		opacity: 1;
		transform: none;
	}
}

.splide__arrows {
	margin: 0 auto;
	position: relative;
}

.splide__arrow {
	background: var(--wp--preset--color--green);
	height: auto;
	opacity: 1;
	padding: 10px;
	top: auto;
	transform: none;
	transition: .25s all;
	width: auto;

	svg {
		fill: var(--wp--preset--color--white);
		height: 20px;
		width: 20px;

		@media screen and (min-width: 782px) {
			height: 30px;
			width: 30px;
		}
	}

	&.splide__arrow--prev {
		left: var(--wp--style--root--padding-left);
	}

	&.splide__arrow--next {
		right: var(--wp--style--root--padding-right);
	}
}

.call-to-action.is-style-blue + .slider__block {
	padding-block-start: 0;
	margin-top: 0;
}

.carousel + .content-tags {
	padding-top: var(--wp--preset--spacing--20) !important;
}