/*
 * Scheda sovrapposta all'hero — dall'originale index.html r.834–855
 * (CSS: styles.css r.922–935). Usata dalla pagina Azienda.
 *
 * In questo file: tutto l'aspetto.
 * Markup in templates/overlap.php, controlli in includes/widgets/class-overlap.php.
 * Nessun .js.
 *
 * ⚠️ Il margine superiore è NEGATIVO (−92px): la scheda risale sopra
 * l'immagine dell'hero. Perché funzioni servono due cose:
 *   · l'hero deve lasciare spazio in fondo → interruttore "Lascia spazio a una
 *     scheda sovrapposta" nel widget dell'hero (classe `.adea-phero--overlap`);
 *   · nessuno spazio fra i due widget → il contenitore Elementor della pagina
 *     deve avere `flex_gap` a 0 (lo imposta insert_widget.php).
 * `z-index:4` la tiene sopra il velo dell'hero.
 *
 * Cascata MISURATA sull'originale (1440/1024/900/700/560/375):
 *
 *                >900          561–900       ≤560
 *  margine alto  -92px         -92px         -56px
 *  padding lati  40px          40px          20px
 *  scheda        pad 44/46     pad 44/46     pad 30/24
 *                raggio 26     raggio 26     raggio 20
 *  griglia       3 colonne     1 colonna     1 colonna
 *                gap 34        gap 26        gap 26
 *
 * Indice: contenitore · scheda · griglia · icona · testi · breakpoint
 */

.adea-overlap{
	position:relative;z-index:4;
	max-width:var(--adea-overlap-maxw,1240px);
	margin:var(--adea-overlap-mt,-92px) auto 0;
	padding:0 var(--adea-overlap-pad-x,40px);
	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-overlap-card{
	background:#fff;border:1px solid #edf1f5;
	border-radius:var(--adea-overlap-radius,26px);
	padding:var(--adea-overlap-card-pad,44px 46px);
	box-shadow:0 46px 90px -44px rgba(10,37,64,.45);
}
.adea-overlap-grid{
	display:grid;grid-template-columns:var(--adea-overlap-cols,repeat(3,1fr));
	gap:var(--adea-overlap-gap,34px);
}
.adea-overlap-ico{
	width:48px;height:48px;border-radius:13px;
	background:linear-gradient(135deg,#eaf1f9,#e9f4ec);color:var(--adea-blu,#004F9E);
	display:flex;align-items:center;justify-content:center;margin-bottom:17px;
}
.adea-overlap-item h3{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:500;
	font-size:18.5px;color:var(--adea-blu,#004F9E);margin:0 0 9px;
	line-height:normal; /* il Kit dà 1.2 alle intestazioni */
	/* ⚠️ la regola `.page:not([data-page="home"]) h3` dell'originale porta il
	   peso a 500 E la spaziatura a -.01em: vanno prese tutte e due. */
	letter-spacing:-.01em;
}
.adea-overlap-item p{font-size:15px;line-height:1.6;color:#5b6b78;margin:0}

/* ---------- breakpoint originali (misurati) ---------- */
@media(max-width:900px){
	.adea-overlap-grid{--adea-overlap-cols:1fr;--adea-overlap-gap:26px}
}
@media(max-width:560px){
	/* ⚠️ proprietà, non variabile: Elementor stampa --adea-overlap-mt su QUESTO
	   stesso elemento con specificità più alta e vincerebbe. */
	.adea-overlap{margin-top:var(--adea-overlap-mt-560,-56px);--adea-overlap-pad-x:20px}
	.adea-overlap-card{--adea-overlap-card-pad:30px 24px;--adea-overlap-radius:20px}
}