/*
 * Menus de gauche : barre de défilement masquée, flèches de défilement (menu-defilement.js) et
 * sections repliables pour tous les modules (menu-sections.js). Demandes d'Ali du 2026-09-26.
 * Fichier à part pour ne pas se disputer la fin de theme-bestrecrue.css avec les autres sessions ;
 * chargé après le thème dans templateGeneral.xhtml.
 */
/* Menu de gauche sans barre de défilement visible (demande d'Ali, 2026-09-26 : « cache le scroller à
   gauche, il est moche et trop large »). Le menu défile toujours à la molette et au pavé tactile. */
html[data-br-theme] .themeBestrecrue .itemsSectionMenu,
.themeBestrecrue .itemsSectionMenu {
	scrollbar-width: none !important;
	-ms-overflow-style: none;
}

html[data-br-theme][data-br-theme][data-br-theme] .themeBestrecrue .itemsSectionMenu::-webkit-scrollbar,
.themeBestrecrue .itemsSectionMenu::-webkit-scrollbar {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

/* Indicateurs de défilement du menu (menu-defilement.js) : une pastille flèche collée en bas quand il
   reste des entrées plus bas, en haut quand on a quitté le haut, sur un léger fondu ; rien quand le
   menu tient à l'écran. Hauteur nulle : elles ne décalent aucune entrée. */
.themeBestrecrue .itemsSectionMenu > li.menuDefil {
	position: sticky;
	z-index: 5;
	display: block;
	height: 0;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	pointer-events: none;
	background: none !important;
}

.themeBestrecrue .itemsSectionMenu > li.menuDefilHaut {
	top: 0;
}

.themeBestrecrue .itemsSectionMenu > li.menuDefilBas {
	bottom: 0;
}

.themeBestrecrue .itemsSectionMenu > li.menuDefil > span {
	position: absolute;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	height: 46px;
	opacity: 0;
	transition: opacity .2s ease;
}

.themeBestrecrue .itemsSectionMenu > li.menuDefilHaut > span {
	top: 0;
	align-items: flex-start;
	background: linear-gradient(to bottom, #F5F9FF 30%, rgba(245, 249, 255, 0));
}

.themeBestrecrue .itemsSectionMenu > li.menuDefilBas > span {
	bottom: 0;
	align-items: flex-end;
	background: linear-gradient(to top, #F5F9FF 30%, rgba(245, 249, 255, 0));
}

.themeBestrecrue .itemsSectionMenu > li.menuDefil > span > i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	margin: 2px 0;
	border-radius: 50%;
	background: #FFFFFF;
	box-shadow: 0 2px 8px rgba(3, 46, 91, 0.15);
	color: var(--br-marque-claire, #0868E6);
	font-size: 11px;
	cursor: pointer;
	pointer-events: auto;
	transition: transform .15s ease, box-shadow .15s ease;
}

.themeBestrecrue .itemsSectionMenu > li.menuDefil > span > i:hover {
	transform: scale(1.1);
	box-shadow: 0 4px 12px rgba(3, 46, 91, 0.22);
}

.themeBestrecrue .itemsSectionMenu.menuPeutMonter > li.menuDefilHaut > span,
.themeBestrecrue .itemsSectionMenu.menuPeutDescendre > li.menuDefilBas > span {
	opacity: 1;
}

.themeBestrecrue .itemsSectionMenu:not(.menuPeutMonter) > li.menuDefilHaut > span > i,
.themeBestrecrue .itemsSectionMenu:not(.menuPeutDescendre) > li.menuDefilBas > span > i {
	pointer-events: none;
}

.themeBestrecrue .itemsSectionMenu.menuPeutDescendre > li.menuDefilBas > span > i {
	animation: menuDefilInvite 1.8s ease-in-out 2;
}

@keyframes menuDefilInvite {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(3px); }
}

/* Sections repliables de tous les menus (menu-sections.js) : l'état plié suit la classe posée
   d'après data-menu-plie, quel que soit le nom de la section. */
.themeBestrecrue .menuSection.menuSectionPliee > .menuSectionCorps {
	display: none;
}

.themeBestrecrue .menuSection.menuSectionPliee > .menuSectionTitre::after {
	transform: rotate(-90deg);
}

/* « Accès rapide » en tête du menu école (menu-acces-rapide.js). */
.themeBestrecrue .menuAccesRapide .menuAccesRapidePlus { display: block; padding: 6px 0 10px 44px; font-family: 'Satoshi-Medium'; font-size: 13px; color: var(--br-marque-claire, #0868E6); text-decoration: none; }
.themeBestrecrue .menuAccesRapide .menuAccesRapidePlus:hover { text-decoration: underline; }
/* Sur l'accueil, le bloc central Accès rapide est passé dans le menu : tout ce qu'il affiche (y compris ce qui est ajouté après coup) s'efface. */
.themeBestrecrue .accesRapide.accesRapideDansLeMenu > :not(.accesRapideSources) { display: none !important; }
.themeBestrecrue .accesRapide.accesRapideDansLeMenu { margin: 0 !important; padding: 0 !important; }