/* Menu Plus : navigation collante.
 * Règles reprises de GP Premium 1.7.5 (menu-plus/functions/css/sticky.css), plus
 * les transitions et le masquage au défilement, faits en CSS au lieu du jQuery
 * de sticky.js (voir assets/js/menu-plus-sticky.js). */

.sticky-enabled .gen-sidebar-nav.is_stuck .main-navigation {
	margin-bottom: 0px;
}

.sticky-enabled .gen-sidebar-nav.is_stuck {
	z-index: 500;
}

.sticky-enabled .main-navigation.is_stuck {
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
}

.sticky-enabled .fixfixed .is_stuck {
	position: relative !important;
}

.navigation-stick:not(.gen-sidebar-nav) {
	left: 0;
	right: 0;
	width: 100% !important;
}

.both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav,
.mobile-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav {
	clear: both;
}

.both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul,
.mobile-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul,
.mobile-header-sticky #mobile-header.toggled .main-nav > ul {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 999;
}

@media (min-width: 769px) {
	.nav-float-right .is_stuck.main-navigation .menu > li {
		float: none;
		display: inline-block;
	}

	.nav-float-right .is_stuck.main-navigation .menu > li.slideout-toggle,
	.nav-float-right .is_stuck.main-navigation .menu > li.search-item,
	.nav-float-right .is_stuck.main-navigation .menu > li.wc-menu-item {
		display: block;
		float: right;
	}

	.nav-float-right .is_stuck.main-navigation ul {
		letter-spacing: -0.31em;
		font-size: 1em;
	}

	.nav-float-right .is_stuck.main-navigation ul li {
		letter-spacing: normal;
	}

	.nav-float-right .is_stuck.main-navigation {
		text-align: right;
	}
}

/* Navigation dans une barre latérale : reste dans sa colonne. */
.gen-sidebar-nav.mpw-sticky-sidebar {
	position: -webkit-sticky;
	position: sticky;
}

/* Transitions à l'apparition. */
.navigation-stick.mpw-sticky-fade {
	animation: mpw-sticky-fade 300ms ease;
}

.navigation-stick.mpw-sticky-slide {
	animation: mpw-sticky-slide 300ms ease-in-out;
}

@keyframes mpw-sticky-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes mpw-sticky-slide {
	from { transform: translateY(-100%); }
	to { transform: translateY(0); }
}

/* Masquage en défilant vers le bas. */
.navigation-stick {
	transition: transform 300ms ease;
}

.navigation-stick.mpw-sticky-hidden {
	transform: translateY(-100%);
	animation: none;
}

@media (prefers-reduced-motion: reduce) {
	.navigation-stick,
	.navigation-stick.mpw-sticky-fade,
	.navigation-stick.mpw-sticky-slide {
		animation: none;
		transition: none;
	}
}