/*
 * "Company Policy" (pagina Azienda) — la scheda bianca che scavalca la foto
 * dello stabilimento. Dall'originale index.html r.943–967
 * (CSS: styles.css r.1257–1335).
 *
 * Markup in templates/policy.php, controlli in includes/widgets/class-policy.php.
 * Nessun .js: le entrate usano il meccanismo condiviso del tema.
 *
 * Cascata MISURATA sull'originale (1440/1200/1080/900/560/375):
 *
 *                    >1080              561–1080          ≤560
 *  sezione pad       14 / 0 / 214       20 / 0 / 132      20 / 0 / 108
 *  contenitore pad   0 40               0 24              0 24
 *  foto              margine sx 28%     0                 0
 *                    proporzione 16/7.9 16/9.4            16/9.4
 *  scheda            assoluta           in colonna        in colonna
 *                    40% (max 560)      piena             piena
 *                    sx 40 · alto 18    mt −78            mt −56
 *                    pad 48/48/40 r26   pad 40/32/36 r24  pad 32/24/30 r24
 *  titolo            42px               33px              27px
 *  etichette         destra 7%          sinistra 22px     nascoste
 *                    12px, mb 12        11.5px, mb 9      —
 *  "Scopri di più"   etichetta min 214  idem              nessun minimo
 *
 * ⚠️ Il titolo pesa **500** e spazia **-.035em**: qui la regola per le pagine
 * interne NON vince. `.page .adea-policy-card h2` (r.1296) ha la stessa
 * specificità (0,2,1) ma viene DOPO, e sul peso mette pure `!important`.
 * Misurato: 500 e -1.47px su 42px. È l'opposto della fascia "Linee" e della
 * fascia "Mission": non si può dedurre, va misurato caso per caso.
 *
 * ⚠️ `.adea-policy-plate` (r.1265) NON è portato: è `display:none` sia nella
 * regola di base sia nella media query. Codice morto.
 *
 * Indice: sezione · contenitore · foto · etichette · scheda · elenco ·
 *         "Scopri di più" · breakpoint · reduced-motion
 */

/* ---------- sezione ---------- */
.adea-policy{
	position:relative;background:#fff;overflow:hidden;
	padding:var(--adea-policy-pt,14px) 0 var(--adea-policy-pb,214px);
	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 */
}
/* trama di puntini appena accennata sul bordo sinistro */
.adea-policy::before{
	content:"";position:absolute;left:-96px;top:18px;width:316px;height:244px;
	z-index:0;pointer-events:none;opacity:.24;
	background:url('../img/hero-dots.svg') left top / contain no-repeat;
}

/* ---------- contenitore ---------- */
.adea-policy-inner{
	position:relative;z-index:1;max-width:var(--adea-policy-maxw,1240px);
	margin:0 auto;padding:0 var(--adea-policy-pad-x,40px);
}

/* ---------- foto ---------- */
.adea-policy-media{
	position:relative;z-index:2;margin-left:var(--adea-policy-media-ml,28%);
	border-radius:28px;overflow:hidden;
	aspect-ratio:var(--adea-policy-ratio,16/7.9);
	background:#dfe9f4;box-shadow:0 30px 64px -42px rgba(10,37,64,.34);
	min-height:0; /* senza, `aspect-ratio` cede all'altezza del contenuto */
}
.adea-policy-media>img{
	width:100%;height:100%;object-fit:cover;object-position:center center;
	display:block;max-width:none; /* il Kit dà `max-width:100%` a ogni immagine */
}
/* velo nell'angolo in alto a destra: le etichette bianche devono leggersi
   anche dove la foto è chiara (il cielo) */
.adea-policy-media::after{
	content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
	background:linear-gradient(205deg,rgba(3,23,47,.5) 0%,rgba(3,23,47,.18) 24%,rgba(3,23,47,0) 46%);
}

/* ---------- etichette sulla foto ---------- */
.adea-policy-tags{
	position:absolute;right:var(--adea-policy-tags-r,7%);left:var(--adea-policy-tags-l,auto);
	top:var(--adea-policy-tags-t,26px);z-index:4;padding-left:26px;
}
.adea-policy-tags::before{
	content:"";position:absolute;left:7px;top:8px;bottom:10px;width:1px;
	background:rgba(255,255,255,.46);
}
.adea-policy-tags-dot{
	position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;
	background:#7fd13d;box-shadow:0 0 0 4px rgba(127,209,61,.2);
}
.adea-policy-tags span{
	display:block;font-family:var(--adea-font-titoli,'Poppins',sans-serif);
	font-weight:500;font-size:var(--adea-policy-tag-size,12px);
	letter-spacing:.12em;text-transform:uppercase;color:#fff;
	margin-bottom:var(--adea-policy-tag-mb,12px);
	text-shadow:0 1px 6px rgba(2,14,30,.45);
	line-height:normal;
}
.adea-policy-tags span:last-child{margin-bottom:0}

/* ---------- scheda bianca ---------- */
.adea-policy-card{
	position:absolute;left:40px;top:18px;z-index:4;
	width:min(var(--adea-policy-card-w,40%),560px);
	background:#fff;border-radius:26px;padding:48px 48px 40px;
	box-shadow:0 36px 82px -46px rgba(10,37,64,.28);
}
.adea-policy-card .adea-policy-k{
	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,#42AD59);margin-bottom:22px;
}
/* 500 / -.035em: vedi la nota in testa — NON la variante da pagina interna */
.adea-policy-card h2{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:500;
	font-size:var(--adea-policy-title-size,var(--adea-t-h2,42px));
	line-height:var(--adea-t-h2-lh,1.1);letter-spacing:var(--adea-t-h2-ls,-.035em);
	color:var(--adea-blu,#004F9E);margin:0 0 22px;
}
.adea-policy-card>p{
	max-width:460px;font-size:14px;line-height:1.72;color:#5b6b78;margin:0 0 26px;
}

/* ---------- elenco con le spunte ---------- */
.adea-policy-list{display:flex;flex-direction:column;gap:13px;margin-bottom:30px}
.adea-policy-list>div{display:flex;gap:14px;align-items:center}
.adea-policy-list .adea-policy-check{
	flex:none;width:23px;height:23px;border-radius:50%;border:1.4px solid #6ec44a;
	display:flex;align-items:center;justify-content:center;color:var(--adea-verde,#42AD59);
}
.adea-policy-list .adea-policy-txt{font-size:14px;color:#3f4d59}

/* ---------- "Scopri di più" ---------- */
.adea-policy-more{
	display:inline-flex;align-items:center;gap:28px;cursor:pointer;
	text-decoration:none;
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:600;
	font-size:15px;color:var(--adea-blu,#004F9E);
}
.adea-policy-more .adea-policy-lbl{
	display:inline-block;min-width:var(--adea-policy-lbl-minw,214px);
	border-bottom:2px solid var(--adea-verde,#42AD59);padding-bottom:9px;
	transition:color .25s ease;
}
.adea-policy-more .adea-policy-arw{
	flex:none;width:40px;height:40px;border-radius:50%;
	border:1.4px solid var(--adea-blu,#004F9E);
	display:flex;align-items:center;justify-content:center;
	transition:background .28s ease,color .28s ease,transform .3s var(--adea-ease-spring);
}
/* `:focus-visible` in più rispetto all'originale: stesso effetto da tastiera */
.adea-policy-more:hover,.adea-policy-more:focus-visible{color:var(--adea-blu,#004F9E)}
.adea-policy-more:hover .adea-policy-arw,
.adea-policy-more:focus-visible .adea-policy-arw{
	background:var(--adea-blu,#004F9E);color:#fff;transform:translateX(5px);
}

/* ---------- breakpoint originali (misurati) ---------- */
@media(max-width:1080px){
	/* ⚠️ Ogni gradino dichiara la PROPRIETÀ (non la variabile di base): i
	   controlli dell'editor scrivono le variabili su un selettore a due classi,
	   che vincerebbe su questa media query. Il valore però resta regolabile,
	   perché la proprietà legge una variabile PROPRIA del gradino. */
	.adea-policy{
		padding-top:var(--adea-policy-pt-1080,20px);
		padding-bottom:var(--adea-policy-pb-1080,132px);
	}
	.adea-policy-inner{
		padding-left:var(--adea-policy-pad-x-1080,24px);
		padding-right:var(--adea-policy-pad-x-1080,24px);
	}
	.adea-policy-media{margin-left:0;aspect-ratio:var(--adea-policy-ratio-1080,16/9.4)}
	/* `relative` e non `static`: senza posizionamento lo z-index non vale e la
	   scheda finirebbe SOTTO la foto, che è posizionata. */
	.adea-policy-card{
		position:relative;left:auto;top:auto;width:auto;
		margin:var(--adea-policy-card-mt-1080,-78px) 0 0;
		padding:40px 32px 36px;border-radius:24px;
	}
	.adea-policy-card h2{font-size:var(--adea-policy-title-size-1080,var(--adea-t-h2-md,33px))}
	.adea-policy-tags{right:auto;left:22px;top:22px}
	.adea-policy-tags span{font-size:11.5px;margin-bottom:9px}
	.adea-policy-tags span:last-child{margin-bottom:0}
}
@media(max-width:560px){
	.adea-policy{padding-bottom:var(--adea-policy-pb-560,108px)}
	.adea-policy-card{padding:32px 24px 30px;margin-top:var(--adea-policy-card-mt-560,-56px)}
	.adea-policy-card h2{font-size:var(--adea-policy-title-size-560,var(--adea-t-h2-sm,27px))}
	.adea-policy-more .adea-policy-lbl{min-width:0}
	.adea-policy-tags{display:none}
}

/* ---------- vita della decorazione ----------
   ⚠️ Trovata solo al terzo giro: la trama di puntini NON è ferma. L'originale
   (r.1731–1733) la fa oscillare piano insieme alle altre decorazioni di pagina,
   e SOLO se chi guarda non ha chiesto meno animazioni. I fotogrammi
   `adeaDecoDrift` stanno in adea-tokens.css §7. */
@media(prefers-reduced-motion:no-preference){
	.adea-policy::before{animation:adeaDecoDrift 19s ease-in-out infinite alternate}
}
/* nell'editor sta ferma, altrimenti l'anteprima "balla" mentre si lavora */
.elementor-editor-active .adea-policy::before{animation:none!important}

/* ---------- reduced-motion ----------
   Come l'originale (r.1401): la freccia non scivola più. Il cambio di colore
   resta: non è movimento. */
@media(prefers-reduced-motion:reduce){
	.adea-policy-more:hover .adea-policy-arw,
	.adea-policy-more:focus-visible .adea-policy-arw{transform:none!important}
}