/*
 * Mobile (< 768 px), toutes les pages : marges et espacements trop généreux (revue du 20/10/2026).
 */
@media only screen and (max-width: 767px) {
	/* Pied de page, bloc Contact : chaque rubrique occupait 8 colonnes sur 12 centrées (décalage de 65 px à gauche), les horaires
	   étaient coupés en deux lignes. Pleine largeur. */
	.footer-info-butterfly [class*="footer-info-butterfly-"][class*="offset-2"] {
		margin-left: 0;
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Bloc Contact : pictogrammes 60 → 44 px et espacements resserrés (chaque rubrique faisait 130 à 300 px de haut). */
	.footer-info-butterfly .footer_butterfly {
		width: 44px;
		height: 44px;
		margin-top: 10px;
	}
	.footer-info-butterfly-telephone-image,
	.footer-info-butterfly-mail-image,
	.footer-info-butterfly-adresse-image,
	.footer-info-butterfly-horaire-image {
		left: calc(50% - 22px);
	}
	.footer-info-butterfly .footer_p_mobile {
		margin: 6px 0 14px;
	}

	/* Réservation : la colonne gardait 200 px de marge haute (règle du thème, annulée seulement au-delà de 768 px). L'en-tête mobile
	   (120 px) se superpose au contenu : 140 px laissent le titre 20 px sous l'en-tête. */
	.reservation-info {
		padding-top: 140px;
	}
	.reservation-info h1 {
		margin-top: 0;
	}

	/* Épicerie : cartes produits en pleine largeur (30 px de retrait de chaque côté) et moins espacées. */
	.woocommerce ul.products li.product {
		margin: 0 0 20px !important; /* règles du thème plus prioritaires */
		padding-bottom: 10px !important;
	}

	/* Panier : 30 px de marge au-dessus et au-dessous de chaque information d'article. */
	.woocommerce-cart-form .shop_table td {
		padding-top: 8px !important; /* règle du thème plus prioritaire */
		padding-bottom: 8px !important;
	}

	/* Commande : vide de 50 + 50 px avant « Récapitulatif de votre commande ». */
	.woocommerce-checkout #order_review_heading {
		margin-top: 20px;
	}

	/* Mon compte : l'en-tête de l'adresse (et son bouton « Modifier ») dépassait de 30 px à droite. */
	.woocommerce-account .woocommerce-Address-title {
		box-sizing: border-box;
		max-width: 100%;
	}
}