/*
 * Nastro di fotografie a scorrimento continuo (pagina Miscelazione) —
 * dall'originale index.html r.1199–1268 (CSS: styles.css r.1184–1233).
 *
 * Markup in templates/carou.php, controlli in includes/widgets/class-carou.php.
 * Nessun .js: lo scorrimento è un'animazione CSS, come il marquee della home.
 *
 * Cascata MISURATA sull'originale (1440/1024/900/620/560/375):
 *
 *                    >900              621–900          ≤620
 *  fascia            pad sotto 86      pad sotto 64     idem
 *  contenitore       88 / 40 / 0       66 / 24 / 0      idem
 *  testata           mb 44             mb 32            mb 32
 *  titolo            42px              33px             27px
 *  riquadro          clamp(300,32vw,470)  clamp(260,74vw,380)  idem
 *                    margine dx 24     margine dx 16    idem
 *  didascalia        16px · 44/22/20   14.5px · 38/18/16 idem
 *  giro completo     58s               46s              46s
 *
 * ⚠️ Niente `gap` sulla pista: la traccia contiene DUE copie identiche e trasla
 * di −50%. Con `gap` il punto di ripartenza cadrebbe a metà di uno spazio e il
 * salto si vedrebbe. Lo spazio è un `margin-right` sui riquadri. È la stessa
 * ragione — e lo stesso commento — dell'originale.
 *
 * ⚠️ La seconda copia è marcata `aria-hidden`: per chi legge con uno screen
 * reader le fotografie sono sette, non quattordici.
 *
 * Indice: fascia · testata · nastro · riquadri · didascalia · breakpoint ·
 *         reduced-motion
 */

/* ---------- fascia ---------- */
.adea-carou{
	background:var(--adea-blu,#004F9E);position:relative;overflow:hidden;
	padding-bottom:var(--adea-carou-pb,86px);
	font-family:var(--adea-font-testo,'Source Sans 3',system-ui,sans-serif);
	line-height:normal; /* il Kit impone 1.5; l'originale eredita normal dal body */
}
.adea-carou::before{
	content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
	background:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/26px 26px;
}

/* ---------- testata ---------- */
.adea-carou-inner{
	position:relative;z-index:1;max-width:var(--adea-carou-maxw,1240px);margin:0 auto;
	padding:var(--adea-carou-pt,88px) var(--adea-carou-pad-x,40px) 0;
}
.adea-carou-head{
	max-width:var(--adea-carou-head-maxw,700px);
	margin-bottom:var(--adea-carou-head-mb,44px);
}
.adea-carou-kicker{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:600;
	font-size:var(--adea-t-kicker,12px);letter-spacing:var(--adea-t-kicker-ls,.16em);
	text-transform:uppercase;color:var(--adea-verde-chiaro,#8fd6a1);margin-bottom:16px;
}
/* ⚠️ 500 / -.035em: qui vince `.page .adea-carou-head h2` (r.1192), che ha
   `!important` sul peso — NON la regola generica delle pagine interne.
   Misurato, come per Company Policy. */
.adea-carou-head h2{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:500;
	font-size:var(--adea-carou-title,var(--adea-t-h2,42px));
	line-height:var(--adea-t-h2-lh,1.1);letter-spacing:var(--adea-t-h2-ls,-.035em);
	color:#fff;margin:0 0 14px;
}
.adea-carou-head p{
	font-size:16px;line-height:1.7;color:rgba(255,255,255,.78);margin:0;
	max-width:var(--adea-carou-copy-maxw,560px);
}

/* ---------- nastro ---------- */
.adea-carostrip{
	overflow:hidden;
	-webkit-mask:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
	mask:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.adea-carostrip-track{
	display:flex;width:max-content;
	animation:adeaCaroScroll var(--adea-carou-dur,58s) linear infinite;
}
/* si ferma sotto il puntatore e quando il fuoco entra nel nastro */
.adea-carostrip:hover .adea-carostrip-track,
.adea-carostrip:focus-within .adea-carostrip-track{animation-play-state:paused}
@keyframes adeaCaroScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* nell'editor sta ferma, altrimenti l'anteprima scorre mentre si lavora */
.elementor-editor-active .adea-carostrip-track{animation:none!important}

/* ---------- riquadri ---------- */
/* ⚠️ `!important`, e non è pigrizia. Elementor stampa
     `.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0}`
   che vale **(0,4,1)**: i due `:not()` contano come classi. Senza questa riga
   il margine fra le fotografie spariva e il nastro veniva 336px più corto
   dell'originale (24px × 14 riquadri) — misurato, non supposto.
   L'alternativa sarebbe una catena di selettori appoggiata alle classi interne
   di Elementor, che si romperebbe al primo aggiornamento. Qui `!important` è
   il rimedio più stabile, e riguarda una sola proprietà. */
.adea-carou .adea-carou-item{
	flex:0 0 var(--adea-carou-w,clamp(300px,32vw,470px));
	margin:0 var(--adea-carou-space,24px) 0 0!important;position:relative;
	border-radius:18px;overflow:hidden;aspect-ratio:4/3;
	background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);
	box-shadow:0 30px 58px -28px rgba(0,14,32,.6);
	min-height:0; /* senza, `aspect-ratio` cede all'altezza del contenuto */
}
.adea-carou-item img{
	width:100%;height:100%;object-fit:cover;display:block;
	max-width:none; /* il Kit dà `max-width:100%` a ogni immagine */
	transition:transform .8s var(--adea-ease);
}
.adea-carou-item:hover img{transform:scale(1.05)}
.adea-carou-cap{
	position:absolute;left:0;right:0;bottom:0;
	padding:var(--adea-carou-cap-pad,44px 22px 20px);
	background:linear-gradient(0deg,rgba(0,20,44,.88) 0%,rgba(0,20,44,.48) 55%,transparent 100%);
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:500;
	font-size:var(--adea-carou-cap-size,16px);color:#fff;line-height:normal;
	/* ⚠️ `hello-elementor/reset.css` mette `figcaption{font-style:italic}`: le
	   didascalie venivano in corsivo. Non l'avevano visto le misure — non
	   leggevo `font-style` — ma si vedeva nella fotografia della pagina.
	   Da qui in avanti `font-style` sta fra le proprietà misurate. */
	font-style:normal;
}

/* ---------- breakpoint originali (misurati) ---------- */
@media(max-width:900px){
	/* ⚠️ Proprietà, non variabili di base: i controlli scrivono le variabili su
	   un selettore a due classi e vincerebbero qui. */
	.adea-carou{padding-bottom:var(--adea-carou-pb-900,64px)}
	.adea-carou-inner{
		padding-top:var(--adea-carou-pt-900,66px);
		padding-left:var(--adea-carou-pad-x-900,24px);
		padding-right:var(--adea-carou-pad-x-900,24px);
	}
	.adea-carou-head{margin-bottom:var(--adea-carou-head-mb-900,32px)}
	.adea-carou-head h2{font-size:var(--adea-carou-title-900,var(--adea-t-h2-md,33px))}
	.adea-carostrip-track{animation-duration:var(--adea-carou-dur-900,46s)}
	.adea-carou .adea-carou-item{
		flex-basis:var(--adea-carou-w-900,clamp(260px,74vw,380px));
		margin-right:var(--adea-carou-space-900,16px)!important;
	}
	.adea-carou-cap{
		font-size:var(--adea-carou-cap-size-900,14.5px);
		padding:var(--adea-carou-cap-pad-900,38px 18px 16px);
	}
}
@media(max-width:620px){
	.adea-carou-head h2{font-size:var(--adea-carou-title-620,var(--adea-t-h2-sm,27px))}
}

/* ---------- reduced-motion ----------
   Come l'originale (r.1230–1233): il nastro si ferma e la foto non ingrandisce.
   Le fotografie restano tutte in pagina, visibili scorrendo di lato. */
@media(prefers-reduced-motion:reduce){
	.adea-carostrip-track{animation:none}
	.adea-carou-item:hover img{transform:none}
}