/**************************
* Alperia Offers Slider
**************************/

.alp-offers-slider {
	/* margin-left: calc(-1 * var(--wp--style--root--padding-left)); */
	margin-right: calc(-1 * var(--wp--style--root--padding-right));
}

.alp-offers-slider .alp-content-swiper {
	padding-right: var(--wp--style--root--padding-right);
	/* padding-left: var(--wp--style--root--padding-left); */
}

.alp-offers-slider .alp-content-swiper .swiper-wrapper {
	align-items: stretch;
}

.alp-content-swiper .swiper-slide {
	height: auto;
	box-sizing: border-box;
	display: flex;
	align-items: stretch;
	padding: 0 0 32px;
	overflow: visible;
}

.alp-card-offer {
	height: auto;
	width: 100%;
}

@media screen and (max-width: 1200px) {
	.alp-content-swiper .swiper-slide .alp-card-offer .alp-card-button-actions {
		flex-direction: column;
	}

	.alp-content-swiper .swiper-slide .alp-card-offer .alp-card-button-actions .alp-btn-link {
		width: 100%;
	}
}

.alp-offers-slider .alp-slider-footer {
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left:  var(--wp--style--root--padding-right);
	padding-right: var(--wp--style--root--padding-left);
	gap: 20px;
}

.alp-offers-slider .alp-slider-footer .alp-slider-view-all {
	text-underline-offset: 4px;
}

@media screen and (min-width: 767px) { 
	.alp-offers-slider .alp-slider-footer {
		gap: 40px;
		justify-content: flex-end;
	}
}

.alp-slider-nav .alp-slider-button {
	border: 1px solid var(--alperia-gray);
	border-radius: 4px;
	padding: 6px;
	background-color: transparent;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	outline-color: var(--alperia-focus);
}

.alp-slider-nav .alp-slider-button .alp-icon-font {
 	display: flex;
	color: var(--alperia-turchese-secondary-700);
	transition: all 0.3s ease-in-out;
}

.alp-slider-nav .alp-slider-button:not(:disabled):hover {
	background-color: var(--alperia-turchese-secondary-700);
	border-color: var(--alperia-turchese-secondary-700);
}

.alp-slider-nav .alp-slider-button:not(:disabled):focus-visible {
	outline: 2px solid var(--alperia-focus);
}

.alp-slider-nav .alp-slider-button:disabled {
	border-color: var(--alperia-gray-200);
	cursor: auto;
}

.alp-slider-nav .alp-slider-button:not(:disabled):hover .alp-icon-font {
	color: var(--alperia-white);
}