/**
 * Section page Sophrologie — Pour quels besoins consulter ?
 * Shortcode : [wpcursor name="sophrologie-besoins"]
 */

.wpcursor-sophrologie-besoins {
	--wpcursor-sophro-bes-bg: #ffffff;
	--wpcursor-sophro-bes-heading: #4a2d5c;
	--wpcursor-sophro-bes-accent: #e8a598;
	--wpcursor-sophro-bes-body: #5f5f6a;
	--wpcursor-sophro-bes-muted: #7a7a85;
	--wpcursor-sophro-bes-link: #5e3a71;
	--wpcursor-sophro-bes-primary: #5e3a71;
	--wpcursor-sophro-bes-card-border: rgba(74, 45, 92, 0.08);

	box-sizing: border-box;
	width: 100%;
	padding: clamp(4.5rem, 9vw, 6.5rem) clamp(1.25rem, 4vw, 2rem);
	background: var(--wpcursor-sophro-bes-bg);
	color: var(--wpcursor-sophro-bes-body);
}

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

.wpcursor-sophrologie-besoins__header {
	margin: 0 0 clamp(2rem, 4vw, 2.75rem);
	text-align: center;
}

.wpcursor-sophrologie-besoins__heading {
	margin: 0;
	font-family: var(--wpcursor-font-title);
	font-size: clamp(1.75rem, 3.2vw, 2.35rem);
	font-weight: var(--wpcursor-title-weight, 700);
	line-height: 1.2;
	letter-spacing: var(--wpcursor-title-letter-spacing, -0.027em);
	color: var(--wpcursor-sophro-bes-heading);
}

.wpcursor-sophrologie-besoins__divider {
	width: 3.25rem;
	height: 2px;
	margin: 1.15rem auto 0;
	border-radius: 999px;
	background: var(--wpcursor-sophro-bes-accent);
}

.wpcursor-sophrologie-besoins__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.85rem;
	margin: 0 0 2rem;
	padding: 0;
	list-style: none;
}

.wpcursor-sophrologie-besoins__card {
	display: flex;
	gap: 0.85rem;
	align-items: flex-start;
	min-height: 100%;
	padding: 1rem 0.95rem;
	border: 1px solid var(--wpcursor-sophro-bes-card-border);
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 4px 18px rgba(74, 45, 92, 0.04);
	box-sizing: border-box;
}

.wpcursor-sophrologie-besoins__icon {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 50%;
	opacity: 0;
	transform: scale(0.92);
	transition: transform 0.2s ease-out, background 0.2s ease-out;
}

.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__icon {
	opacity: 1;
	transform: scale(1);
	transition:
		opacity 0.55s ease-out,
		transform 0.55s ease-out,
		background 0.2s ease-out;
}

.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:nth-child(1) .wpcursor-sophrologie-besoins__icon {
	transition-delay: 0ms;
}

.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:nth-child(2) .wpcursor-sophrologie-besoins__icon {
	transition-delay: 80ms;
}

.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:nth-child(3) .wpcursor-sophrologie-besoins__icon {
	transition-delay: 160ms;
}

.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:nth-child(4) .wpcursor-sophrologie-besoins__icon {
	transition-delay: 240ms;
}

.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:nth-child(5) .wpcursor-sophrologie-besoins__icon {
	transition-delay: 320ms;
}

.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:nth-child(6) .wpcursor-sophrologie-besoins__icon {
	transition-delay: 400ms;
}

.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:nth-child(7) .wpcursor-sophrologie-besoins__icon {
	transition-delay: 480ms;
}

.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:nth-child(8) .wpcursor-sophrologie-besoins__icon {
	transition-delay: 560ms;
}

.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:hover .wpcursor-sophrologie-besoins__icon,
.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:focus-within .wpcursor-sophrologie-besoins__icon {
	transform: scale(1.1);
	background: var(--wpcursor-sophro-bes-primary);
	transition-delay: 0ms;
}

.wpcursor-sophrologie-besoins__icon--purple {
	background: #ebe4f2;
	color: #7a5f96;
}

.wpcursor-sophrologie-besoins__icon--pink {
	background: #faece8;
	color: #d48f7f;
}

.wpcursor-sophrologie-besoins__icon--orange {
	background: #fdf0e4;
	color: #d49a62;
}

.wpcursor-sophrologie-besoins__icon--lavender {
	background: #f3edf8;
	color: #8a6fa8;
}

.wpcursor-sophrologie-besoins__icon--blue {
	background: #e8eef8;
	color: #6f84b5;
}

.wpcursor-sophrologie-besoins__icon--green {
	background: #e8f3ea;
	color: #6a9f74;
}

.wpcursor-sophrologie-besoins__icon--peach {
	background: #fdf3ee;
	color: #c98f7d;
}

.wpcursor-sophrologie-besoins__icon--amber {
	background: #fdf5e4;
	color: #c9a04f;
}

.wpcursor-sophrologie-besoins__icon-image {
	display: block;
	width: 1.65rem;
	height: 1.65rem;
	object-fit: contain;
	transition: filter 0.2s ease-out;
}

.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:hover .wpcursor-sophrologie-besoins__icon-image,
.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:focus-within .wpcursor-sophrologie-besoins__icon-image {
	filter: brightness(0) invert(1);
}

.wpcursor-sophrologie-besoins__icon-placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.wpcursor-sophrologie-besoins__card-body {
	min-width: 0;
}

.wpcursor-sophrologie-besoins__card-title {
	margin: 0 0 0.35rem;
	font-family: var(--wpcursor-font-body);
	font-size: 0.88rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--wpcursor-sophro-bes-heading);
}

.wpcursor-sophrologie-besoins__card-text {
	margin: 0;
	font-family: var(--wpcursor-font-body);
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--wpcursor-sophro-bes-body);
}

.wpcursor-sophrologie-besoins__maillage {
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
	font-family: var(--wpcursor-font-body);
	font-size: clamp(0.9rem, 1.3vw, 0.96rem);
	font-weight: 400;
	line-height: 1.65;
	color: var(--wpcursor-sophro-bes-muted);
}

.wpcursor-sophrologie-besoins__maillage-link {
	color: var(--wpcursor-sophro-bes-link);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: rgba(94, 58, 113, 0.35);
	text-underline-offset: 0.15em;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.wpcursor-sophrologie-besoins__maillage-link:hover,
.wpcursor-sophrologie-besoins__maillage-link:focus-visible {
	color: #4d2f5d;
	text-decoration-color: currentColor;
	outline: none;
}

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

@media (max-width: 560px) {
	.wpcursor-sophrologie-besoins {
		padding: clamp(3.5rem, 10vw, 5rem) clamp(1.25rem, 4vw, 2rem);
	}

	.wpcursor-sophrologie-besoins__grid {
		grid-template-columns: 1fr;
	}
}

.wpcursor-sophrologie-besoins[data-wpcursor-runtime="admin_preview"] .wpcursor-sophrologie-besoins__icon {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.wpcursor-sophrologie-besoins__icon {
		opacity: 1;
		transform: none;
		transition: background 0.2s ease-out;
	}

	.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:hover .wpcursor-sophrologie-besoins__icon,
	.wpcursor-sophrologie-besoins__grid.is-inview .wpcursor-sophrologie-besoins__card:focus-within .wpcursor-sophrologie-besoins__icon {
		transform: scale(1.1);
	}
}