/**
 * Navigation sticky — Digital Mixing
 * Pleine largeur, fond gris opaque (skin clair) pour la lisibilité.
 */

.navigation.sticky {
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box;
	/* Gris opaque — plus de rgba transparent */
	background: #efefef !important;
	background-color: #efefef !important;
	border-bottom: 1px solid #e0e0e0;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
	opacity: 1;
	color: #19232d;
}

.navigation.sticky a {
	color: #19232d;
}

/* Menu burger mobile : rester en charte claire même si sticky */
.navigation.sticky .mobile-menu a,
.navigation.sticky .menu.mobile-menu a {
	color: #19232d !important;
}

@media only screen and (max-width: 799px) {
	.navigation.sticky .mobile-menu,
	.navigation.sticky .menu.mobile-menu {
		background: #f7f7f7 !important;
	}

	.navigation.sticky .mobile-menu > li > a:hover,
	.navigation.sticky .mobile-menu > .current-menu-item > a {
		color: #3192d3 !important;
	}
}

/* WP admin bar : desktop fine = 32px, mobile = 46px */
@media only screen and (min-width: 783px) and (max-width: 799px) {
	.admin-bar .main-head {
		top: 32px !important;
	}
}

/* Contenu menu aligné sur le container du site (.wrap = 1078px) */
.navigation.sticky .menu-navigation-container,
.navigation.sticky .mobile-menu-container {
	max-width: 1078px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.navigation.sticky .menu {
	max-width: 1078px;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 1128px) {
	.navigation.sticky .menu-navigation-container,
	.navigation.sticky .mobile-menu-container,
	.navigation.sticky .menu {
		max-width: 100%;
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media only screen and (max-width: 799px) {
	.navigation.sticky {
		width: 100% !important;
		left: 0 !important;
	}
}