/* ===== Styles mobile (< 992px) ===== */

.menu-lateral {
	transform: translateX(-100%);
	width: var(--menu-largeur) !important;
	z-index: 1040;
	background: var(--couleur-fond);
}

.menu-lateral.ouvert {
	transform: translateX(0);
}

.menu-lateral.reduit .menu-element .texte {
	display: inline;
}

.menu-lateral.reduit .menu-section-titre {
	display: block;
}

.menu-lateral.reduit .menu-element {
	justify-content: flex-start;
	padding: 7px 16px;
	margin: 1px 12px;
}

.menu-lateral.reduit .bouton-retour-menu .texte {
	display: inline;
}

.conteneur-principal,
.conteneur-principal.elargi {
	margin-left: 0;
}

.overlay-menu {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1035;
	display: none;
}

.overlay-menu.visible {
	display: block;
}

.entete {
	padding: 0 8px;
}

.logo img + span {
	display: none;
}

.entete-centre {
	display: none;
}

.recherche-mobile-bouton {
	display: flex;
}

.grille-contenu {
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 12px;
}

.carte-corps {
	padding: 8px;
	gap: 8px;
}

.carte-titre {
	font-size: 13px;
}