/**
 * Section pages d'offre — Ce que vous emportez avec vous.
 * Shortcode : [wpcursor name="offre-emportez"]
 */

.wpcursor-offre-emportez {
	--wpcursor-emportez-bg: #5d4273;
	--wpcursor-emportez-card-bg: rgba(255, 255, 255, 0.1);
	--wpcursor-emportez-card-border: rgba(255, 255, 255, 0.22);
	--wpcursor-emportez-text: #ffffff;
	--wpcursor-emportez-underline-1: #e8b89a;
	--wpcursor-emportez-underline-2: #a8d4d0;
	--wpcursor-emportez-underline-3: #f0c4a8;

	box-sizing: border-box;
	width: 100%;
	padding: clamp(3.5rem, 7vw, 5rem) clamp(1.25rem, 4vw, 2rem);
	background: var(--wpcursor-emportez-bg);
	color: var(--wpcursor-emportez-text);
}

.wpcursor-offre-emportez__inner {
	max-width: 1180px;
	margin: 0 auto;
	box-sizing: border-box;
}

.wpcursor-offre-emportez__heading {
	margin: 0 0 clamp(2rem, 4vw, 3rem);
	font-family: var(--wpcursor-font-serif);
	font-size: clamp(2rem, 3.8vw, 2.75rem);
	font-weight: 600;
	line-height: 1.15;
	text-align: center;
	color: var(--wpcursor-emportez-text);
}

.wpcursor-offre-emportez__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wpcursor-offre-emportez__card {
	position: relative;
	margin: 0;
	padding: 1.75rem 1.5rem;
	border: 1px solid var(--wpcursor-emportez-card-border);
	border-radius: 14px;
	background: var(--wpcursor-emportez-card-bg);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	box-sizing: border-box;
	text-align: left;
	overflow: hidden;
	opacity: 0;
	transform: translateY(18px);
	transition:
		opacity 0.55s ease-out,
		transform 0.55s ease-out;
}

.wpcursor-offre-emportez__card::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: var(--wpcursor-emportez-underline-accent, var(--wpcursor-emportez-underline-1));
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.25s ease-out;
	pointer-events: none;
}

.wpcursor-offre-emportez__grid.is-inview .wpcursor-offre-emportez__card {
	opacity: 1;
	transform: translateY(0);
}

.wpcursor-offre-emportez__grid.is-inview .wpcursor-offre-emportez__card:nth-child(1) {
	transition-delay: 0ms;
}

.wpcursor-offre-emportez__grid.is-inview .wpcursor-offre-emportez__card:nth-child(2) {
	transition-delay: 150ms;
}

.wpcursor-offre-emportez__grid.is-inview .wpcursor-offre-emportez__card:nth-child(3) {
	transition-delay: 300ms;
}

.wpcursor-offre-emportez__grid.is-inview .wpcursor-offre-emportez__card:nth-child(4) {
	transition-delay: 450ms;
}

.wpcursor-offre-emportez__grid.is-inview .wpcursor-offre-emportez__card:nth-child(5) {
	transition-delay: 600ms;
}

.wpcursor-offre-emportez__grid.is-inview .wpcursor-offre-emportez__card:nth-child(6) {
	transition-delay: 750ms;
}

.wpcursor-offre-emportez__card--1 {
	--wpcursor-emportez-underline-accent: var(--wpcursor-emportez-underline-1);
}

.wpcursor-offre-emportez__card--2 {
	--wpcursor-emportez-underline-accent: var(--wpcursor-emportez-underline-2);
}

.wpcursor-offre-emportez__card--3 {
	--wpcursor-emportez-underline-accent: var(--wpcursor-emportez-underline-3);
}

.wpcursor-offre-emportez__grid.is-inview .wpcursor-offre-emportez__card:hover::after,
.wpcursor-offre-emportez__grid.is-inview .wpcursor-offre-emportez__card:focus-within::after {
	transform: scaleX(1);
}

.wpcursor-offre-emportez__card-text {
	margin: 0;
	font-family: var(--wpcursor-font-sans);
	font-size: clamp(0.88rem, 1.3vw, 0.95rem);
	font-weight: 400;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.95);
}

@media (max-width: 960px) {
	.wpcursor-offre-emportez__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.wpcursor-offre-emportez__grid {
		grid-template-columns: 1fr;
		max-width: 520px;
		margin: 0 auto;
	}
}

.wpcursor-offre-emportez[data-wpcursor-runtime="admin_preview"] .wpcursor-offre-emportez__card {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.wpcursor-offre-emportez__card {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.wpcursor-offre-emportez__card::after {
		transition: none;
	}

	.wpcursor-offre-emportez__grid.is-inview .wpcursor-offre-emportez__card:hover::after,
	.wpcursor-offre-emportez__grid.is-inview .wpcursor-offre-emportez__card:focus-within::after {
		transform: scaleX(1);
	}
}