/*
 * Fascia blu "Linee dedicate" — dall'originale index.html r.706–740
 * (CSS: styles.css r.864–898).
 *
 * In questo file: solo ciò che il componente condiviso non ha già.
 * Il fondo blu, la trama di puntini e l'impaginato vengono da
 * `.adea-c-blueband` / `.adea-c-blueband__inner` (adea-tokens.css §6).
 * Markup in templates/lineband.php, controlli in includes/widgets/class-lineband.php.
 * Nessun .js.
 *
 * ⚠️ Il titolo pesa **400**, non i 500 di `.adea-band-title` (r.873): questa
 * fascia sta in una pagina interna, e lì vale
 * `.page:not([data-page="home"]) h2{font-weight:400!important}` (r.691), che ha
 * specificità (0,2,1). Misurato, non dedotto. Se un giorno la fascia servisse
 * anche in home, lì l'originale la mostrerebbe a 500: andrà verificato.
 *
 * Cascata MISURATA sull'originale (1440/1080/900/700/620/560/375):
 *
 *                >900             561–900        ≤560
 *  griglia       .84fr 1.16fr     1 colonna      1 colonna
 *                gap 60           gap 34         gap 34
 *  padding inner 78/40/84         78/40/84       56/20/60
 *  titolo        42px             42px           33px
 *  riga          pad 22/26 g22    idem           pad 18 g16
 *  icona         56px r16         56px r16       46px r13
 *
 * ⚠️ Il gradino della griglia è **900**, quello dei corpi **560**: due media
 * query diverse nell'originale.
 *
 * Indice: sezione · griglia · colonna testo · righe · icona · testi · freccia ·
 *         breakpoint · reduced-motion
 */

/* ---------- sezione ----------
   Il margine sopra è uno stile inline nell'originale (`margin-top:46px`):
   qui diventa un controllo. */
.adea-lineband-section{
	margin-top:var(--adea-lineband-mt,46px);
	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 */
}

/* ---------- griglia ---------- */
.adea-lineband-grid{
	display:grid;
	grid-template-columns:var(--adea-lineband-cols,.84fr 1.16fr);
	gap:var(--adea-lineband-gap,60px);align-items:center;
}

/* ---------- colonna del testo ---------- */
.adea-lineband-kicker{
	display:inline-flex;align-items:center;gap:9px;
	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:0 0 16px;
}
.adea-lineband-title{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);
	font-weight:400; /* 400, non 500: vedi la nota in testa */
	font-size:var(--adea-lineband-title-size,var(--adea-t-h2,42px));
	line-height:var(--adea-t-h2-lh,1.1);
	/* ⚠️ -.03em, non i -.035em della scala: la stessa regola che porta il peso
	   a 400 (`.page:not([data-page="home"]) h2`, r.691) imposta ANCHE la
	   spaziatura. Due valori sulla stessa riga, facile prenderne uno solo. */
	letter-spacing:-.03em;
	color:#fff;margin:0 0 16px;
}
.adea-lineband-copy{font-size:16.5px;line-height:1.65;color:rgba(255,255,255,.8);margin:0}

/* ---------- righe in vetro ----------
   Non è `.adea-c-card`: è un vetro sul blu, e si sposta di lato invece di
   alzarsi. */
.adea-lineband-list{display:flex;flex-direction:column;gap:14px}
.adea-lineband-item{
	display:flex;align-items:center;gap:var(--adea-lineband-item-gap,22px);
	padding:var(--adea-lineband-item-pad,22px 26px);border-radius:20px;
	background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.19);
	backdrop-filter:blur(10px);cursor:pointer;text-decoration:none;
	transition:background .3s var(--adea-ease),transform .35s var(--adea-ease-spring),box-shadow .3s ease;
}
.adea-lineband-item:hover,.adea-lineband-item:focus-visible{
	background:rgba(255,255,255,.17);transform:translateX(8px);
	box-shadow:0 22px 44px -26px rgba(0,0,0,.6);
}
.adea-lineband-ico{
	flex:none;width:var(--adea-lineband-ico,56px);height:var(--adea-lineband-ico,56px);
	border-radius:var(--adea-lineband-ico-r,16px);background:#fff;color:var(--adea-blu,#004F9E);
	display:flex;align-items:center;justify-content:center;
}
.adea-lineband-body{flex:1;min-width:0}
.adea-lineband-body h3{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:500;
	font-size:19px;letter-spacing:-.01em;color:#fff;margin:0 0 5px;
	line-height:normal; /* il Kit dà 1.2 alle intestazioni; l'originale eredita normal */
}
.adea-lineband-body p{font-size:15px;line-height:1.5;color:rgba(255,255,255,.76);margin:0}
.adea-lineband-arrow{
	flex:none;color:var(--adea-verde-chiaro,#8fd6a1);display:flex;
	transition:transform .32s var(--adea-ease-spring);
}
.adea-lineband-item:hover .adea-lineband-arrow,
.adea-lineband-item:focus-visible .adea-lineband-arrow{transform:translateX(5px)}

/* ---------- breakpoint originali (misurati) ---------- */
@media(max-width:900px){
	.adea-lineband-grid{--adea-lineband-cols:1fr;--adea-lineband-gap:34px}
}
@media(max-width:560px){
	.adea-lineband-title{--adea-lineband-title-size:var(--adea-t-h2-sm-band,var(--adea-t-h2-md,33px))}
	.adea-lineband-item{--adea-lineband-item-pad:18px 18px;--adea-lineband-item-gap:16px}
	.adea-lineband-ico{--adea-lineband-ico:46px;--adea-lineband-ico-r:13px}
}

/* ---------- reduced-motion ----------
   Come l'originale (r.1011): la riga non si sposta più. */
@media(prefers-reduced-motion:reduce){
	.adea-lineband-item:hover,.adea-lineband-item:focus-visible,
	.adea-lineband-item:hover .adea-lineband-arrow,
	.adea-lineband-item:focus-visible .adea-lineband-arrow{transform:none!important}
}