/*
 * StemInov · compléments que theme.json ne couvre pas.
 * Uniquement au service des compositions de blocs natifs.
 */

/* Parcours de progression (slide 13) : chevrons entre les étapes */
.steminov-parcours {
	position: relative;
}

.steminov-parcours > .wp-block-column {
	position: relative;
}

.steminov-parcours > .wp-block-column:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 26px;
	right: -16px;
	width: 20px;
	height: 28px;
	background-color: #C9D2DA;
	clip-path: polygon(0 0, 45% 0, 100% 50%, 45% 100%, 0 100%, 55% 50%);
	z-index: 2;
}

/* En mobile, les colonnes s'empilent : chevron orienté vers le bas */
@media (max-width: 781px) {
	.steminov-parcours > .wp-block-column:not(:last-child)::after {
		top: auto;
		right: calc(50% - 13px);
		bottom: -24px;
		width: 26px;
		height: 20px;
		clip-path: polygon(0 0, 0 45%, 50% 100%, 100% 45%, 100% 0, 50% 55%);
	}
}

/* Accordéons (core/details) : marqueur et titre */
.wp-block-details summary {
	font-family: var(--wp--preset--font-family--poppins);
	font-weight: 500;
	font-size: var(--wp--preset--font-size--x-large);
	color: var(--wp--preset--color--navy-900);
	cursor: pointer;
}

.wp-block-details summary::marker {
	color: var(--wp--preset--color--navy-700);
}

/* Sélecteur de langue (Polylang) : pastilles */
.steminov-lang ul {
	display: flex;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.steminov-lang li a {
	display: inline-block;
	padding: 6px 13px;
	border-radius: 999px;
	border: 1px solid var(--wp--preset--color--neutral-300);
	font-family: var(--wp--preset--font-family--poppins);
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.6px;
	text-decoration: none;
	color: var(--wp--preset--color--navy-700);
}

.steminov-lang li.current-lang a {
	background: var(--wp--preset--color--navy-700);
	border-color: var(--wp--preset--color--navy-700);
	color: var(--wp--preset--color--neutral-0);
}

/* Hero de page : marges internes responsives */
.steminov-hero { padding: 80px 80px !important; }
.steminov-hero-home { padding: 120px 80px !important; }

@media (max-width: 781px) {
	.steminov-hero,
	.steminov-hero-home { padding: 56px 24px !important; }
}

/* Boutons décoratifs (sans lien) : ne pas suggérer un clic
   WordPress applique cursor:pointer sur la classe, indépendamment
   du href — on le neutralise quand l'élément n'est pas un vrai lien. */
.wp-block-button__link:not([href]),
.wp-element-button:not([href]) {
	cursor: default;
}
