/* Signe graphique Alcea : arc tracé à la main (da/alcea.md, sections 6 et 7).
   Trois occurrences par page au plus, au total des trois classes ; jamais un trait horizontal droit.
   Le tracé est un masque : la couleur suit le fond (terracotta sur fond clair, menthe sur sapin). */
:root {
	--alcea-signe-arc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24' preserveAspectRatio='none'%3E%3Cpath d='M5 15.5C48 20.5 112 22.5 168 16.5C192 14 214 10 235 5.5' fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E");
	--alcea-signe-sep: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath d='M4 35C260 10 640 3 940 6C1180 9 1340 20 1436 31' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
	--alcea-signe-fil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 120'%3E%3Cpath d='M6 0C10 30 2 60 6 90C8 105 6 112 6 120' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Arc sous un mot du titre : <span class="alcea-arc">mot</span>. Décoratif, aucun texte ajouté. */
.alcea-arc {
	position: relative;
	z-index: 0;
	display: inline-block;
	white-space: nowrap;
}

.alcea-arc::after {
	content: "";
	position: absolute;
	left: -0.06em;
	right: -0.1em;
	bottom: -0.16em;
	z-index: -1;
	height: 0.3em;
	background: var(--alcea-action);
	-webkit-mask: var(--alcea-signe-arc) no-repeat center / 100% 100%;
	mask: var(--alcea-signe-arc) no-repeat center / 100% 100%;
	pointer-events: none;
}

.alcea-sur-sapin .alcea-arc::after {
	background: var(--alcea-accent);
}

/* Séparateur entre sections : courbe marquée (écart vertical d'environ 75 % de sa hauteur), sans débordement.
   Pleine largeur sur mobile et tablette ; huit colonnes sur douze, centré, au-delà de 1024 px. */
.alcea-sep-arc {
	position: relative;
	width: 100%;
	max-width: none;
	height: clamp(1.5rem, 3vw, 2.5rem);
	overflow: hidden;
}

.alcea-sep-arc::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--alcea-accent);
	-webkit-mask: var(--alcea-signe-sep) no-repeat center / 100% 100%;
	mask: var(--alcea-signe-sep) no-repeat center / 100% 100%;
	pointer-events: none;
}

@media (min-width: 1025px) {
	.alcea-sep-arc {
		width: 66.6667% !important;
		align-self: center;
		margin-inline: auto;
	}
}

/* Fil du parcours de recrutement, en sable (page Nous rejoindre). */
.alcea-fil {
	position: relative;
	padding-left: 2.5rem;
}

.alcea-fil::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0.5rem;
	width: 12px;
	background: var(--alcea-accent-2);
	-webkit-mask: var(--alcea-signe-fil) repeat-y center top / 12px 120px;
	mask: var(--alcea-signe-fil) repeat-y center top / 12px 120px;
	pointer-events: none;
}

@media (prefers-contrast: more) {
	.alcea-arc::after,
	.alcea-sep-arc::before {
		background: var(--alcea-ink);
	}

	.alcea-sur-sapin .alcea-arc::after,
	.alcea-sur-sapin .alcea-sep-arc::before {
		background: var(--alcea-surface);
	}
}