/* Bas des fiches formation : « Votre parcours », tiré de l'organigramme (voir parcours.php). */
.ebtp-parcours-fiche {
	clear: both;
	margin: 56px 0 10px;
	padding: 30px 30px 26px;
	border-radius: 18px;
	background: #f4f6f9;
}
.ebtp-parcours-fiche .ebtp-parcours-fiche__titre { margin: 0 0 22px !important; font-size: 24px !important; text-align: left; }

/* Étapes de gauche à droite, séparées par une flèche (comme les flèches de l'organigramme). */
.ebtp-chemin { display: flex; align-items: stretch; gap: 0; }
.ebtp-chemin__etape { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.ebtp-chemin__etape--option { flex: .8 1 0; }
.ebtp-chemin__etape--sup { flex: 1.35 1 0; }
.ebtp-parcours-fiche .ebtp-chemin__titre {
	margin: 0 0 4px !important;
	color: var(--ebtp-encre);
	font-size: 14px !important;
	font-weight: 800;
	letter-spacing: .06em;
	line-height: 1.3;
	text-align: left;
	text-transform: uppercase;
}
.ebtp-chemin__titre span { display: block; margin-top: 2px; color: #66737f; font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.ebtp-parcours-fiche .ebtp-chemin__groupe { margin: 6px 0 0 !important; color: #66737f; font-size: 12px !important; font-weight: 800; letter-spacing: .06em; text-align: left; text-transform: uppercase; }
.ebtp-chemin__fleche {
	flex: 0 0 34px;
	align-self: center;
	height: 28px;
	margin: 0 8px;
	background: #cfd6de;
	clip-path: polygon(0 32%, 58% 32%, 58% 0, 100% 50%, 58% 100%, 58% 68%, 0 68%);
}
.ebtp-chemin ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ebtp-chemin__f { margin: 0 !important; }
.ebtp-chemin__f a {
	display: block;
	padding: 10px 12px 10px 14px;
	border-left: 4px solid var(--ebtp-p, var(--ebtp-btp));
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(29, 39, 51, .06);
	color: var(--ebtp-encre);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
	transition: transform .15s, box-shadow .15s;
}
.ebtp-chemin__f a:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(29, 39, 51, .1); color: var(--ebtp-encre); }
/* La fiche en cours : pleine couleur de la filière. */
.ebtp-chemin__f.is-ici a { border-left-color: transparent; background: var(--ebtp-p, var(--ebtp-btp)); color: #fff; box-shadow: 0 6px 16px rgba(29, 39, 51, .16); }
.ebtp-chemin__f.is-ici small { display: block; margin-bottom: 2px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .9; }
/* La P.E.S. est facultative : étape en pointillés. */
.ebtp-chemin__etape--option ul { padding: 8px; border: 2px dashed #cfd6de; border-radius: 10px; }
.ebtp-chemin__alternance { margin-top: 4px; color: var(--ebtp-orange); font-size: 13px; font-weight: 700; text-decoration: none; }
.ebtp-chemin__alternance:hover { color: var(--ebtp-orange); text-decoration: underline; text-underline-offset: 3px; }

.ebtp-parcours-fiche__tout { display: inline-flex; gap: 8px; margin-top: 22px; color: var(--ebtp-encre); font-weight: 700; text-decoration: none; }
.ebtp-parcours-fiche__tout:hover { color: var(--ebtp-encre); text-decoration: underline; text-underline-offset: 3px; }
.ebtp-parcours-fiche__tout span { transition: transform .2s; }
.ebtp-parcours-fiche__tout:hover span { transform: translateX(4px); }

/* Tablette et téléphone : les étapes l'une sous l'autre, flèche vers le bas. */
@media (max-width: 900px) {
	.ebtp-chemin { flex-direction: column; }
	.ebtp-chemin__fleche { flex-basis: 26px; width: 30px; margin: 10px 0 10px 4px; align-self: flex-start; clip-path: polygon(32% 0, 68% 0, 68% 58%, 100% 58%, 50% 100%, 0 58%, 32% 58%); }
	.ebtp-chemin ul { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}
@media (max-width: 600px) {
	.ebtp-parcours-fiche { padding: 22px 18px 20px; }
	.ebtp-chemin ul { grid-template-columns: 1fr; }
}

/* Fil d'Ariane en haut des fiches. */
.ebtp-ariane { margin: 0 0 14px; color: #66737f; font-size: 13px; line-height: 1.4; }
.ebtp-ariane a { color: #4a5663; text-decoration: none; }
.ebtp-ariane a:hover { color: var(--ebtp-encre); text-decoration: underline; text-underline-offset: 3px; }
.ebtp-ariane .breadcrumb_last { color: var(--ebtp-encre); font-weight: 700; }
.ebtp-ariane > span > span { white-space: nowrap; }

/* Rangée ajoutée après la page : pas d'espace en trop au-dessus. */
.ebtp-parcours-rangee .ebtp-parcours-fiche { margin-top: 10px; margin-bottom: 40px; }

/* Flèches entre les étapes : à hauteur des premières cartes, pas au milieu de la colonne la plus longue. */
@media (min-width: 901px) {
	.ebtp-chemin__fleche { align-self: flex-start; margin-top: 58px; }
}