/* Accélio Core — public styles (réservés pour les futurs blocs/shortcodes) */

.accelio-contact-card {
	border: 1px solid #e2e4e7;
	border-radius: 6px;
	padding: 16px 20px;
	background: #fff;
}

.accelio-contact-card__title {
	margin-top: 0;
}

.accelio-contact-card__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.accelio-contact-card__list li {
	padding: 4px 0;
}

.accelio-social-links {
	display: inline-flex;
	gap: 12px;
	flex-wrap: wrap;
}

.accelio-social-links a {
	text-decoration: none;
}

/* ------------------------------------------------------------------ *
 * Classes utilitaires Accélio (à ajouter dans Avancé > CSS Classes)
 * ------------------------------------------------------------------ */

/**
 * Force le centrage du contenu sur mobile uniquement (≤ 767px).
 * Utile sur les widgets Menu Elementor où l'alignement natif s'applique
 * à tous les écrans à la fois.
 *
 * Usage : ajouter "accelio-mobile-center" dans Avancé > CSS Classes du widget.
 */
@media (max-width: 767px) {
	.accelio-mobile-center,
	.accelio-mobile-center .elementor-nav-menu--main,
	.accelio-mobile-center ul.elementor-nav-menu,
	.accelio-mobile-center > div {
		justify-content: center !important;
		text-align: center !important;
	}

	/* Mise en colonne : un item par ligne, tous centrés horizontalement. */
	.accelio-mobile-center ul.elementor-nav-menu {
		flex-direction: column !important;
		align-items: center !important;
	}

	.accelio-mobile-center .elementor-nav-menu li {
		text-align: center;
		width: auto !important;
	}
}