.m-offres-carousel {
	--offres-carousel-black-800: #1d1d1b;
	margin-block-start: var(--wp--preset--spacing--5-xl) !important;

	.m-offres-carousel__slider {
		position: relative;
		padding: var(--wp--preset--spacing--5-xl);
		background: rgba(31, 32, 34, 0.1);
		border-radius: var(--wp--preset--border-radius--md);
	}

	.m-offres-carousel__swiper {
		overflow: hidden;
		border-radius: var(--wp--preset--border-radius--md);
	}

	.m-offres-carousel-card {
		position: relative;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		height: 320px;
		padding: var(--wp--preset--spacing--xl);
		overflow: hidden;
		text-decoration: none;
		border-radius: var(--wp--preset--border-radius--sm);
	}

	.m-offres-carousel-card::after {
		position: absolute;
		inset: 0;
		z-index: 1;
		pointer-events: none;
		content: "";
		background: var(--wp--preset--color--main);
		opacity: 0;
		transition: opacity .25s ease-in-out;
	}

	.m-offres-carousel-card:hover,
	.m-offres-carousel-card:focus-visible {
		color: inherit;
		text-decoration: none;
	}

	.m-offres-carousel-card:hover::after,
	.m-offres-carousel-card:focus-visible::after {
		opacity: .4;
	}

	.m-offres-carousel-card:hover .m-offres-carousel-card__image,
	.m-offres-carousel-card:focus-visible .m-offres-carousel-card__image {
		transform: translate3d(10px, 0, 0);
	}

	.m-offres-carousel-card__image {
		position: absolute;
		top: -6.25%;
		left: -6.25%;
		width: 112.5%;
		height: 112.5%;
		max-width: none;
		max-height: none;
		object-fit: cover;
		transform: translate3d(0, 0, 0) scale(.95);
		transform-origin: center;
		transition: transform .25s ease-in-out;
		will-change: transform;
	}

	.m-offres-carousel-card__content {
		display: flex;
		z-index: 2;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--wp--preset--spacing--3-xl);
		width: min(380px, 100%);
		padding: var(--wp--preset--spacing--3-xl);
		background: rgba(255, 255, 255, 0.8);
		border-radius: var(--wp--preset--border-radius--sm);
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);
	}

	.m-offres-carousel-card__text {
		display: flex;
		flex-direction: column;
		gap: var(--wp--preset--spacing--sm);
		width: 100%;
	}

	.m-offres-carousel-card__programme {
		display: block;
		width: 100%;
		color: var(--offres-carousel-black-800);
		font-family: var(--wp--preset--font-family--poppins);
		font-size: var(--wp--preset--font-size--text-lg);
		font-weight: var(--wp--custom--font-weight--semi-bold);
		line-height: var(--wp--custom--line-height--body-lg);
	}

	.m-offres-carousel-card__title {
		display: block;
		width: 100%;
		color: var(--offres-carousel-black-800);
		font-family: var(--wp--preset--font-family--poppins);
		font-size: var(--wp--preset--font-size--display-xs);
		font-weight: var(--wp--custom--font-weight--semi-bold);
		line-height: var(--wp--custom--line-height--snug);
	}

	.m-offres-carousel-card__button-container {
		opacity: 0;
		max-height: 0;
		transform: translateY(8px);
		transition: .25s ease-in-out;
	}

	.m-offres-carousel-card__button {
		margin-top: calc(-1 * var(--wp--preset--spacing--3-xl));
		padding: 5px var(--wp--preset--spacing--2-xl);
		color: var(--wp--preset--color--base);
		font-size: var(--wp--preset--font-size--text-sm);
		font-weight: var(--wp--custom--font-weight--semi-bold);
		line-height: var(--wp--custom--line-height--body-sm);
		white-space: nowrap;
		background: var(--offres-carousel-black-800);
		border: 1px solid var(--offres-carousel-black-800);
		border-radius: var(--wp--preset--border-radius--full);
		transition: max-height .25s ease-in-out, margin-top .25s ease-in-out, padding-top .25s ease-in-out, padding-bottom .25s ease-in-out, color .25s ease-in-out, background-color .25s ease-in-out, opacity .25s ease-in-out, transform .25s ease-in-out;
	}

	.m-offres-carousel-card:hover .m-offres-carousel-card__button-container,
	.m-offres-carousel-card:focus-visible .m-offres-carousel-card__button-container {
		max-height: 30px;
		opacity: 1;
		transform: translateY(0);
	}

	.m-offres-carousel-card__button:hover {
		color: var(--offres-carousel-black-800);
		background: var(--wp--preset--color--base);
	}

	.m-offres-carousel__pagination {
		position: absolute;
		right: 0;
		bottom: 16px !important;
		left: 0;
		display: flex;
		justify-content: center;
		gap: 10px;
		width: 100%;
	}

	.m-offres-carousel__pagination .swiper-pagination-bullet {
		width: 52px;
		height: var(--wp--preset--spacing--xs);
		margin: 0 !important;
		background: var(--wp--preset--color--base);
		border-radius: var(--wp--preset--border-radius--full);
		opacity: 1;
		transition: .25s ease-in-out;
	}

	.m-offres-carousel__pagination .swiper-pagination-bullet-active {
		background: var(--wp--preset--color--primary);
	}
}

@media (max-width: 767px) {
	.m-offres-carousel {
		padding-right: 16px;
		padding-left: 16px;

		.m-offres-carousel__slider {
			padding: 0;
		}

		.m-offres-carousel-card {
			align-items: flex-end;
			justify-content: center;
			height: 380px;
			padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--xl) var(--wp--preset--spacing--5-xl);
		}

		.m-offres-carousel-card__title {
			font-size: var(--wp--preset--font-size--text-xl);
			font-weight: var(--wp--custom--font-weight--medium);
		}

		.m-offres-carousel-card__programme {
			font-size: var(--wp--preset--font-size--text-md);
			line-height: var(--wp--custom--line-height--body-md);
		}

		.m-offres-carousel__pagination {
			bottom: var(--wp--preset--spacing--md) !important;
		}
	}
}