/*
 * Frise / parcours — Kahel · Citrus issue.
 */

.kahel-home-issue-section {
	/* Plus resserré qu'une section ordinaire. */
	padding-top: clamp(56px, 7vw, 96px);
	padding-bottom: clamp(56px, 7vw, 96px);
	background: linear-gradient(180deg, #fffaf4 0%, #fffdf9 100%);
}

.kahel-home-issue-section .kahel-home-issue {
	display: grid;
	grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
	gap: var(--wp--custom--home--issue-gap);
	align-items: start;
}

.kahel-home-issue-section .kahel-home-issue-intro {
	position: sticky;
	top: calc(var(--kahel-entete, 0px) + 32px);
	align-self: start;
	transition: top 450ms var(--wp--custom--motion--ease);
}

.kahel-home-issue-section .kahel-home-issue-title {
	margin: 0;
}

.kahel-home-issue-section .kahel-home-timeline {
	--kahel-timeline-pad: 72px;
	--kahel-timeline-dot: 34px;
	--kahel-timeline-line: 19px;

	position: relative;
	display: grid;
	gap: var(--wp--custom--home--timeline-gap);
	margin: 0;
	padding: 0 0 0 var(--kahel-timeline-pad);
	list-style: none;
}

/* La ligne pâle de Kahel… */
.kahel-home-issue-section .kahel-home-timeline::before,
.kahel-home-issue-section .kahel-home-timeline::after {
	content: "";
	position: absolute;
	left: var(--kahel-timeline-line);
	top: 20px;
	bottom: 20px;
	width: 2px;
}

.kahel-home-issue-section .kahel-home-timeline::before {
	background: linear-gradient(180deg, var(--wp--preset--color--orange), rgba(244, 122, 31, 0.18));
	opacity: 0.35;
}

/* …et la ligne pleine qui se trace par-dessus, au défilement. */
.kahel-home-issue-section .kahel-home-timeline::after {
	background: var(--wp--preset--color--orange);
	transform: scaleY(var(--kahel-progression, 1));
	transform-origin: top;
}

.kahel-home-issue-section .kahel-home-timeline-item {
	position: relative;
}

.kahel-home-issue-section .kahel-home-timeline-item::before {
	content: "";
	position: absolute;
	z-index: 1;
	left: calc(-1 * var(--kahel-timeline-pad));
	top: 0;
	width: var(--kahel-timeline-dot);
	height: var(--kahel-timeline-dot);
	box-sizing: border-box;
	border: 3px solid var(--wp--preset--color--orange);
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	box-shadow: 0 0 0 8px rgba(244, 122, 31, 0.05);
	transition:
		background-color 400ms var(--wp--custom--motion--ease),
		box-shadow 600ms var(--wp--custom--motion--ease),
		transform 500ms var(--wp--custom--motion--ease-spring);
}

.kahel-home-issue-section [data-kahel-frise].is-suivie .kahel-home-timeline-item.is-atteinte::before {
	background: var(--wp--preset--color--orange);
	box-shadow: 0 0 0 10px rgba(244, 122, 31, 0.14);
	transform: scale(1.08);
}

.kahel-home-issue-section .kahel-home-timeline-title {
	margin: 0 0 10px;
}

.kahel-home-issue-section .kahel-home-timeline-item p {
	margin: 0;
}

@media (max-width: 900px) {
	.kahel-home-issue-section .kahel-home-issue {
		grid-template-columns: 1fr;
	}

	.kahel-home-issue-section .kahel-home-issue-intro {
		position: static;
	}
}

@media (max-width: 560px) {
	.kahel-home-issue-section .kahel-home-timeline {
		--kahel-timeline-pad: 58px;
		--kahel-timeline-dot: 30px;
		--kahel-timeline-line: 16px;
	}
}