/* ==================================================
09.) GESTION DU MENU RESPONSIVE

Objectif:
Gestion du menu responsive uniquement en production
================================================== */


/* ********** CACHE SUR MOBILE, TABLETTE ET PC. ********** */

/* mw-hidden-on-mobile (caché sur mobile) */
@media (max-width: 767px) {
	body:not(.wp-admin) .mw-hidden-on-mobile {
		display: none !important;	/* pas d'affichage sur l'écran */
	}
}

/* mw-hidden-on-tablet (caché sur tablette) */
@media (min-width: 768px) and (max-width: 1023px) {
	body:not(.wp-admin) .mw-hidden-on-tablet {
		display: none !important;	/* pas d'affichage sur l'écran */
	}
}

/* mw-hidden-on-desktop (caché sur bureau) */
@media (min-width: 1024px) {
	body:not(.wp-admin) .mw-hidden-on-desktop {
		display: none !important;	/* pas d'affichage sur l'écran */
	}
}


/* ********** EMPILEMENT SUR MOBILE ********** */
/* mw-stacking-on-mobile (empilement sur mobile) */
@media (max-width: 767px) { 
	.mw-stacking-on-mobile { 
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;	
	}
	.page-id-7493 #portfolio .mw-stacking-on-mobile { 
		gap: 0px; /* espace vertical entre les images */
	}
	.page-id-7493 #portfolio .mw-stacking-on-mobile figure { 
		width: 200px !important;
		height: 200px !important;
		margin: 0 auto !important; /* centrer */
	}	
}

/* mw-single-grid-on-mobile (1 seule colonne sur grille sur mobile) */
@media (max-width: 767px) {
  	.page-id-7493 #apropos .mw-single-grid-on-mobile,
	.page-id-7493 #service .mw-single-grid-on-mobile, 
	.page-id-7493 #wordpress-sur-mesure .mw-single-grid-on-mobile,
	.page-id-7493 #audit .mw-single-grid-on-mobile {
    	display: grid !important;
    	grid-template-columns: 1fr !important; /* 1 seule colonne */
  	}
}


/* ========== FIN ========== */