/**
 * Correctifs menu Divi (desktop + mobile).
 */

#main-header,
#et-top-navigation,
#top-menu-nav {
	position: relative;
	z-index: 99999;
	overflow: visible;
}

#top-menu li ul,
#top-menu-nav ul.sub-menu {
	z-index: 100000;
}

@media (min-width: 981px) {
	#top-menu li ul.sub-menu,
	#top-menu-nav ul.sub-menu,
	.nav li ul {
		width: auto !important;
		min-width: 240px;
		max-width: min(360px, calc(100vw - 24px));
	}

	#top-menu li li,
	.nav li li {
		padding-left: 12px;
		padding-right: 12px;
		white-space: normal;
	}

	#top-menu li ul.sub-menu a,
	.nav li li a,
	.et-menu li li a {
		width: auto !important;
		min-width: 220px;
		max-width: 360px;
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: unset !important;
		word-wrap: break-word;
		overflow-wrap: anywhere;
		line-height: 1.4;
		box-sizing: border-box;
	}

	/* Sous-menus des derniers items : alignés à droite pour éviter le débordement */
	#top-menu > li.menu-item-has-children:nth-last-child(-n+2) > ul.sub-menu,
	#top-menu > li.menu-item-has-children:nth-last-child(-n+2) > ul,
	#menu-item-225167 > ul.sub-menu {
		left: auto !important;
		right: 0 !important;
	}

	#top-menu li.et-reverse-direction-nav > ul.sub-menu,
	#top-menu li.et-reverse-direction-nav > ul {
		left: auto !important;
		right: 0 !important;
	}
}

@media (max-width: 980px) {
	#et_mobile_nav_menu {
		display: block;
	}

	#et_mobile_nav_menu .mobile_nav {
		display: block;
	}

	.mobile_menu_bar {
		display: block;
		cursor: pointer;
	}

	#et_mobile_nav_menu .mobile_menu_bar:before,
	#et_mobile_nav_menu .mobile_menu_bar:after {
		color: #771210 !important;
	}

	#et_mobile_nav_menu .et_mobile_menu {
		display: none;
	}

	#et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu,
	#et_mobile_nav_menu .mobile_nav.opened ul.et_mobile_menu {
		display: block !important;
	}

	#et_mobile_nav_menu .et_mobile_menu .sub-menu {
		display: none;
	}

	#et_mobile_nav_menu .et_mobile_menu li.sub-open > .sub-menu {
		display: block !important;
	}
}