/**
 * Campus — Menu inline (barre de liens égaux).
 * Bordures haut/bas : pleine largeur.
 * Boutons : max-width container, largeurs égales.
 * Fond items : transparent ; hover : blanc.
 * Mobile : scroll horizontal sur l’inner, scrollbar masquée.
 */

.campus-inline-menu {
	--campus-inline-menu-hover: var(--wp--preset--color--neutral-white, #fff);
	--campus-inline-menu-ink: #3e342a;
	--campus-inline-menu-border: var(--wp--preset--color--neutral-ash, #b8b0a6);
	--campus-inline-menu-min: 8.5rem;
	/* Aligné sur le container campus (ex. slider formations), pas le wide-size WP 1200. */
	--campus-inline-menu-max: var(--campus-wide-width, 1280px);

	width: 100%;
	background-color: transparent;
	border-top: 1px solid var(--campus-inline-menu-border);
	border-bottom: 1px solid var(--campus-inline-menu-border);
	box-sizing: border-box;
}

.campus-inline-menu__inner {
	border-left: 1px solid var(--campus-inline-menu-border);
	border-right: 1px solid var(--campus-inline-menu-border);
	width: min(100%, var(--campus-inline-menu-max));
	margin-inline: auto;
	box-sizing: border-box;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
	user-select: none;
	-webkit-user-select: none;
	touch-action: pan-x;
}

.campus-inline-menu__inner.is-grabbing,
.campus-inline-menu__inner.is-dragging {
	cursor: grabbing;
}

.campus-inline-menu__inner.is-dragging .campus-inline-menu__link {
	pointer-events: none;
}

.campus-inline-menu__inner::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

.campus-inline-menu__list {
	display: flex;
	align-items: stretch;
	min-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}

.campus-inline-menu__item {
	flex: 1 0 var(--campus-inline-menu-min);
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.campus-inline-menu__item + .campus-inline-menu__item {
	border-left: 1px solid var(--campus-inline-menu-border);
}

.campus-inline-menu__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 1.5rem 1.25rem;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	color: var(--campus-inline-menu-ink);
	font-family: var(--font-sans, var(--campus-font-body, system-ui, sans-serif));
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.56px;
	text-transform: uppercase;
	background-color: transparent;
	transition: background-color 0.2s ease;
	-webkit-user-drag: none;
	user-select: none;
	-webkit-user-select: none;
}

.campus-inline-menu__link:hover,
.campus-inline-menu__link:focus-visible {
	background-color: var(--campus-inline-menu-hover);
	color: var(--campus-inline-menu-ink);
	text-decoration: none;
	outline: none;
}

@media (prefers-reduced-motion: reduce) {
	.campus-inline-menu__link {
		transition: none;
	}
}