/* ==========================================================================
   Slider "Le persone di Madmedia" — versione home
   (template-parts/team/team-slider.php + assets/js/team-slider.js)

   Copia delle regole dello slider di page-agenzia.css: quel file e'
   caricato solo su /agenzia/ e contiene anche override di altre sezioni
   condivise (es. Manifesto), quindi non va caricato in home. Questo file
   e' caricato solo in home (vedi inc/enqueue.php).
   ========================================================================== */

.mm-persone {
	background-color: var(--colori-pieni-bianco-default, #F0EEEA);
	padding-block: var(--spacing-80, 80px);
}
.mm-persone__head {
	margin-bottom: var(--spacing-40, 40px);
}
.mm-persone__title {
	margin: 0;
	color: var(--colori-pieni-blu-default, #162640);
}

.mm-team-slider {
	width: 100%;
}
.mm-team-slider__track {
	position: relative; /* offsetParent stabile per le misure in team-slider.js */
	overflow-x: auto;
	scroll-snap-type: x proximity;
	cursor: grab;
	touch-action: pan-y;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-inline: var(--mm-container-pad);
}
.mm-team-slider__track::-webkit-scrollbar { display: none; }
.mm-team-slider__track.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
}
.mm-team-slider__auto {
	display: flex;
	align-items: stretch;
	gap: var(--spacing-16, 16px);
	width: max-content;
}
.mm-team-slider__card {
	flex: 0 0 auto;
	width: 320px;
	scroll-snap-align: start;
	user-select: none;
}
.mm-team-slider__pad {
	flex: 0 0 0px;
}

@media (max-width: 1080px) {
	.mm-team-slider__track { touch-action: pan-x pan-y; }
	/* Tablet/mobile: niente auto-scroll, si scorre di una card alla volta
	   (snap obbligatorio + stop su ogni card). !important per battere lo
	   scroll-snap-type:none messo inline dal JS quando l'auto-scroll e' attivo. */
	.mm-team-slider__track {
		scroll-snap-type: x mandatory !important;
		scroll-padding-inline: var(--mm-container-pad);
	}
	.mm-team-slider__card { scroll-snap-stop: always; }

}

@media (max-width: 767px) {
	.mm-team-slider__card {
		height: auto;
		width: 80vw;
	}
		.mm-persone{
		padding-top: 0px;
	}
}

@media(min-width:1820px){
	.mm-team-slider__card{
		width: 480px;
	}
}
@media (min-width: 2560px) {
	.mm-persone { padding-block: var(--spacing-160, 160px); }
	.mm-team-slider__card { width: 640px; }
	.mm-persone .mm-team-member-card { padding: var(--spacing-40, 40px); }
}

body.home .mm-persone{
	background-color: var(--colori-pieni-bianco-600);
	padding-top: 160px;
}