/* ============================================================
   Articoli in homepage (widget Elementor "Posts", id
   #articolihomepagemobile): su mobile, invece della lista a 1
   colonna impilata verticalmente, diventano uno slider orizzontale
   con scroll-snap nativo del browser (swipe con il dito, nessuno
   script JS necessario). Da desktop/tablet in su resta la griglia
   gestita normalmente da Elementor.
   ============================================================ */
@media ( max-width: 767px ) {
	#articolihomepagemobile .elementor-posts-container {
		display: flex !important;      /* Elementor la mette a display:grid */
		flex-wrap: nowrap !important;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch; /* scroll fluido su iOS */
		gap: 16px;
		padding-bottom: 8px;           /* spazio per l'ombra delle card, se presente */
		scrollbar-width: none;         /* Firefox: nasconde la scrollbar, lo swipe resta attivo */
	}

	#articolihomepagemobile .elementor-posts-container::-webkit-scrollbar {
		display: none;                 /* Chrome/Safari: idem */
	}

	/* Un articolo alla volta, a piena larghezza: niente "peek" della
	   card successiva accanto, altrimenti si vede tagliata e disallineata */
	#articolihomepagemobile .elementor-post.elementor-grid-item {
		flex: 0 0 100%;
		max-width: 100%;
		scroll-snap-align: start;
	}
}