/* ==========================================================================
   Séparateur : trait vertical 1 px centré, lien fléché facultatif à droite.
   Peut mordre sur la section voisine (fond coloré), comme sur la maquette.
   ========================================================================== */

.separateur {
	position: relative;
	z-index: var(--z-base);
	display: flex;
	justify-content: center;
	height: var(--sep-h);
	margin-top: var(--sep-avant);
}

.separateur__trait {
	width: var(--line-width);
	height: 100%;
	background: var(--c-line);
}

.separateur--suivante {
	margin-bottom: calc(-1 * var(--sep-chevauche-suivante));
}

.separateur--precedente {
	margin-top: calc(-1 * var(--sep-chevauche-precedente));
}

.separateur__cta {
	position: absolute;
	top: 50%;
	left: calc(50% + var(--sep-cta-x));
	transform: translateY(-50%);
	white-space: nowrap;
}