/*
 * "Qualità & Ambiente" (pagina Azienda) — testata a sinistra, testo, tre voci
 * con icone esagonali, e in fondo la barra bianca con i loghi delle
 * certificazioni. Dall'originale index.html r.972–1010
 * (CSS: styles.css r.1338–1401).
 *
 * Markup in templates/qual.php, controlli in includes/widgets/class-qual.php.
 * Nessun .js.
 *
 * Cascata MISURATA sull'originale (1440/1080/900/720/560/375):
 *
 *                  >1080              721–1080        561–720      ≤560
 *  sezione pad     82 / 0 / 118       58 / 0 / 92     idem         42 sopra
 *  contenitore     0 40               0 24            0 24         0 24
 *  griglia         .8fr 1fr 2.05fr    1 colonna       1 colonna    1 colonna
 *                  gap 44             gap 26          gap 26       gap 26
 *  titolo          42px               33px            33px         33px
 *  testo           margine sopra 60   6               6            6
 *  tre voci        3 col · gap 0      3 col · gap 22  1 col        1 col
 *  voce            pad 4/26           pad 0 0 0 20    idem         idem
 *  barra           auto 1fr           1 colonna       1 colonna    1 colonna
 *  loghi           5 colonne          5 colonne       3 colonne    3 colonne
 *  altezza logo    max 92             max 92          max 56       max 56
 *
 * ⚠️ TRE gradini diversi: 1080, 720, 560. Nessuno è un punto di rottura del Kit.
 *
 * ⚠️ Titolo 42px peso **500**, sottotitoli peso **600**: qui vincono
 * `.page .adea-qual-head h2` e `.page .adea-qual-item h3` (r.1345 e r.1359),
 * entrambe con `!important` sul peso. La regola per le pagine interne NON vale.
 * Misurato. Lo stesso h3 spazia **0**, non i -.01em soliti.
 *
 * ⚠️ I 60px sopra al testo non sono un valore tondo scelto a caso: allineano la
 * prima riga del paragrafo ai titoli delle tre voci, tenendo conto del
 * mezzo-interlinea diverso (6,0px contro 4,5px). Commento dell'originale
 * r.1346–1352, riportato qui perché è una decisione, non una misura.
 *
 * Indice: sezione · griglia · testata · testo · voci · barra loghi ·
 *         breakpoint · reduced-motion
 */

/* ---------- sezione ---------- */
.adea-qual{
	position:relative;background:#fff;overflow:hidden;
	padding:var(--adea-qual-pt,82px) 0 var(--adea-qual-pb,118px);
	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-qual::before{
	content:"";position:absolute;left:-60px;bottom:-40px;width:420px;height:280px;
	z-index:0;pointer-events:none;opacity:.5;
	background:url('../img/arc-lines.svg') left bottom / contain no-repeat;
}
.adea-qual-inner{
	position:relative;z-index:1;max-width:var(--adea-qual-maxw,1240px);
	margin:0 auto;padding:0 var(--adea-qual-pad-x,40px);
}

/* ---------- griglia a tre colonne ---------- */
.adea-qual-grid{
	display:grid;grid-template-columns:var(--adea-qual-cols,.8fr 1fr 2.05fr);
	gap:var(--adea-qual-gap,44px);align-items:start;
}

/* ---------- testata ---------- */
.adea-qual-head .adea-qual-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:20px;
}
/* 500 / -.035em: vedi la nota in testa — NON la variante da pagina interna */
.adea-qual-head h2{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:500;
	font-size:var(--adea-qual-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;
}

/* ---------- testo ---------- */
.adea-qual-lead{
	font-size:15.5px;line-height:1.78;color:#5b6b78;
	margin:var(--adea-qual-lead-mt,60px) 0 0;
}

/* ---------- le tre voci ---------- */
.adea-qual-items{
	display:grid;grid-template-columns:repeat(var(--adea-qual-items-n,3),1fr);
	gap:var(--adea-qual-items-gap,0px);
}
.adea-qual-item{
	padding:var(--adea-qual-item-pad,4px 26px);
	border-left:1px solid #e5eaef; /* anche la prima: l'originale la ripete */
}
.adea-qual-ico{
	color:var(--adea-blu,#004F9E);margin-bottom:18px;
	line-height:normal; /* la riga regge l'svg: col 1.5 del Kit l'altezza cambia */
}
.adea-qual-ico.adea-qual-ico--verde{color:var(--adea-verde,#42AD59)}
.adea-qual-item h3{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:600;
	font-size:var(--adea-t-h3,16px);letter-spacing:0;
	color:var(--adea-blu,#004F9E);margin:0 0 12px;
	line-height:normal; /* il Kit dà 1.2 alle intestazioni; qui vale normal */
}
.adea-qual-item p{font-size:14px;line-height:1.68;color:#5b6b78;margin:0}

/* ---------- barra bianca con i loghi ---------- */
.adea-qual-certs{
	margin-top:var(--adea-qual-certs-mt,62px);background:#fff;
	border:1px solid #eef1f5;border-radius:20px;
	box-shadow:0 26px 56px -34px rgba(10,37,64,.3);
	display:grid;grid-template-columns:var(--adea-qual-certs-cols,auto 1fr);
	align-items:stretch;
}
.adea-qual-certs-link{
	display:flex;align-items:center;gap:20px;padding:26px 34px;cursor:pointer;
	text-decoration:none;
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:600;
	font-size:14px;letter-spacing:.1em;text-transform:uppercase;
	color:var(--adea-blu,#004F9E);
	transition:color .25s ease;
}
.adea-qual-certs-link svg{flex:none;transition:transform .3s var(--adea-ease-spring)}
/* `:focus-visible` in più rispetto all'originale: stesso effetto da tastiera */
.adea-qual-certs-link:hover,.adea-qual-certs-link:focus-visible{color:var(--adea-verde,#42AD59)}
.adea-qual-certs-link:hover svg,
.adea-qual-certs-link:focus-visible svg{transform:translateX(5px)}

.adea-qual-certs-logos{
	display:grid;grid-template-columns:repeat(var(--adea-qual-logos-n,5),1fr);
}
.adea-qual-certs-logos>div{
	display:flex;align-items:center;justify-content:center;
	padding:16px 14px;border-left:1px solid #eef1f5;
}
.adea-qual-certs-logos img{
	max-width:100%;max-height:var(--adea-qual-logo-h,92px);
	width:auto;height:auto;object-fit:contain;display:block;
}

/* ---------- breakpoint originali (misurati) ---------- */
@media(max-width:1080px){
	/* ⚠️ Proprietà, non variabili di base: i controlli dell'editor scrivono le
	   variabili su un selettore a due classi e vincerebbero qui. Ogni gradino
	   legge però una variabile PROPRIA, così resta regolabile. */
	.adea-qual{
		padding-top:var(--adea-qual-pt-1080,58px);
		padding-bottom:var(--adea-qual-pb-1080,92px);
	}
	.adea-qual-inner{
		padding-left:var(--adea-qual-pad-x-1080,24px);
		padding-right:var(--adea-qual-pad-x-1080,24px);
	}
	.adea-qual-grid{grid-template-columns:1fr;gap:var(--adea-qual-gap-1080,26px)}
	.adea-qual-head h2{font-size:var(--adea-qual-title-size-1080,var(--adea-t-h2-md,33px))}
	.adea-qual-lead{margin-top:var(--adea-qual-lead-mt-1080,6px)}
	.adea-qual-items{gap:var(--adea-qual-items-gap-1080,22px)}
	.adea-qual-item{padding:0 0 0 20px}
	.adea-qual-certs{grid-template-columns:1fr}
	.adea-qual-certs-link{justify-content:space-between;border-bottom:1px solid #eef1f5}
}
@media(max-width:720px){
	.adea-qual-items{grid-template-columns:1fr}
	.adea-qual-certs-logos{grid-template-columns:repeat(3,1fr)}
	.adea-qual-certs-logos>div:nth-child(3n+1){border-left:0}
	.adea-qual-certs-logos img{max-height:var(--adea-qual-logo-h-720,56px)}
}
@media(max-width:560px){
	.adea-qual{padding-top:var(--adea-qual-pt-560,42px)}
}

/* ---------- vita della decorazione ----------
   ⚠️ Gli archi ruotano: giro lentissimo di 150s (originale r.1734), solo se chi
   guarda non ha chiesto meno animazioni. Fotogrammi in adea-tokens.css §7. */
@media(prefers-reduced-motion:no-preference){
	.adea-qual::before{animation:adeaDecoSpin 150s linear infinite}
}
.elementor-editor-active .adea-qual::before{animation:none!important}

/* ---------- reduced-motion ----------
   Come l'originale (r.1401): la freccia del richiamo non scivola più. */
@media(prefers-reduced-motion:reduce){
	.adea-qual-certs-link:hover svg,
	.adea-qual-certs-link:focus-visible svg{transform:none!important}
}