/*
 * Ritocchi per mobile (caricato dopo styles.min.css, functions.php → script_mgmt).
 *
 * Footer centrato quando le colonne vanno una sotto l'altra (sotto i 768 px, come botiga-bhfb.min.css):
 * logo, social, recapiti, menu, link legali e copyright.
 */
@media (max-width: 767px) {
	.bhfb-footer .bhfb-column {
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
	}

	.bhfb-footer .bhfb-builder-item,
	.bhfb-footer .footer-widget,
	.bhfb-footer .widget-column,
	.bhfb-footer .widget,
	.bhfb-footer .footer-html,
	.bhfb-footer .botiga-credits {
		width: 100%;
		text-align: center !important;
		justify-content: center !important;
	}

	.bhfb-footer .footer-html > div,
	.bhfb-footer .text-md-start {
		text-align: center !important;
	}

	.bhfb-footer .footer-logo-img {
		margin-left: auto;
		margin-right: auto;
	}

	.bhfb-footer .social-profile {
		display: flex;
		justify-content: center !important;
	}

	.bhfb-footer .widget ul.menu {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-left: 0;
		margin-left: 0;
	}

	/* Link legali (riga in basso) affiancati e centrati */
	.bhfb-footer .bhfb-below_footer_row ul.menu {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 4px 16px;
	}
}