/* Sous-menu de page : menu déroulant en mobile (recherche incluse, en fin de liste) */
.menu-toggle { display: none; }

@media (max-width: 767px) {

	.menu-container.has-mobile-toggle {
		 position: absolute;
        z-index: 500;
		 left:30px;    
	}

	.menu-container.has-mobile-toggle .menu-toggle {
		display: flex; align-items: center; justify-content: space-between; width: 100%;
		margin: 0; padding: 1em 1.2em; border: 0; border-radius: 0;
		background: #7a1221; color: #fff; text-align: left; cursor: pointer;
		font-family: museo-sans, sans-serif; font-weight: 500; font-size: 17px; line-height: 1.25em;
		border-radius: 6px;
		margin-top: 20px;

	}
	.menu-container.has-mobile-toggle .menu-toggle:hover,
	.menu-container.has-mobile-toggle .menu-toggle:focus { background: #7a1221; color: #fff; }
	.menu-toggle__icon { flex: none; margin-left: 12px; transition: transform .2s ease; }
	.menu-container.is-open .menu-toggle__icon { transform: rotate(180deg); }

	.menu-container.has-mobile-toggle .menu-page { flex-wrap: nowrap; min-height: 0; margin-bottom: 0; }
	/* menu replié : tous les éléments (recherche comprise) sont masqués, dépliés : tous visibles */
	.menu-container.has-mobile-toggle .menu-page > .menu-item { display: none; }
	.menu-container.has-mobile-toggle.is-open .menu-page > .menu-item { display: block; flex: none; border-bottom: 1px solid #e8e8e8; }
	.menu-container.has-mobile-toggle.is-open .menu-page > .menu-item.search-item { display: flex; order: 99; padding: 12px; border-bottom: 0; }

	/* sous-liste "Concours" : dans le flux, pas en surimpression */
	.menu-container.has-mobile-toggle .menu-concours.dropdown .dropdown-menu { position: static; width: auto; margin: 0; }
	.menu-container.has-mobile-toggle .menu-concours.dropdown .dropdown-menu ul { columns: 2; }

	.menu-container.has-mobile-toggle.is-open .menu-page {
		box-shadow: 0 0 10px rgba(0,0,0,.2);
	}
}
