/*
 * Qualità e certificazioni — dall'originale index.html r.395–443.
 *
 * In questo file: tutto l'aspetto e l'impaginato.
 * Markup in templates/quality.php, controlli in includes/widgets/class-quality.php.
 * Nessun .js: entrate dal meccanismo condiviso, hover come transition,
 * decorazioni di fondo dal componente condiviso .adea-deco del tema.
 *
 * La struttura è gemella di "Linee dedicate" (testata a due colonne + griglia
 * foto/schede), ma i valori NON coincidono e non vanno dedotti da lì:
 * qui la griglia è .94fr/1.06fr invece di .96fr/1fr, la foto sta a SINISTRA,
 * l'immagine è in posizione assoluta e la scheda ha padding e corpi diversi.
 * Tutto misurato a parte.
 *
 * Come le altre, il contenitore NON è `.adea-sect`: `.sect` dell'originale non
 * ha padding orizzontale di base, solo 20px sotto 960px.
 *
 * Cascata MISURATA sull'originale (1440/1200/1024/900/700/560/375):
 *
 *                 >1040          1024–1040    621–960      ≤620
 *  sezione        96/0/56        96/0/56      76/0/74      58/0/60
 *  shell pad      0              0            0 20px       0 20px
 *  testata        .96fr 1fr g24  1fr g28      1fr g28      1fr g28
 *  testata mb     34px           34px         30px         30px
 *  titolo         54px           46px         42px         34px lh1.06
 *  copycol        pt74 max620    pt0 max760   pt0 max760   pt0 max760
 *  copy           17px           17px         17px         16px
 *  occhiello      13px 8/18      13px 8/18    13px 8/18    12px 8/16
 *  griglia        .94fr 1.06fr   1fr          1fr          1fr
 *  colonna foto   height 100%    auto         auto         auto
 *  foto min-h     100%           360px        360px        360px
 *  scheda         74px+1fr g20   idem         idem         1fr g16
 *                 pad 26/22      pad 26/22    pad 26/22    pad 22/18
 *  spunta         66px           66px         66px         60px
 *  h3             24px           24px         24px         22px
 *
 * Variabili controllate dall'editor: ripiego = valore dell'originale, un
 * controllo per gradino (§13). Le media query riscrivono la variabile su un
 * elemento DISCENDENTE; sulla sezione stessa si scrive la proprietà finale.
 *
 * Indice: sezione e shell · testata · occhiello · titolo · testo · griglia ·
 *         fotografia · scheda · spunta · breakpoint · reduced-motion
 */

/* ---------- sezione e shell ---------- */
.adea-quality-section{
	background:var(--adea-quality-bg,#fff);
	padding:var(--adea-quality-pad-t,96px) 0 var(--adea-quality-pad-b,56px);
	scroll-margin-top:80px;
	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-quality-shell{position:relative;z-index:1;max-width:var(--adea-quality-maxw,1240px);margin:0 auto}

/* ---------- testata ---------- */
.adea-quality-head{
	display:grid;
	grid-template-columns:var(--adea-quality-head-cols,minmax(0,.96fr) minmax(0,1fr));
	gap:var(--adea-quality-head-gap,24px);align-items:start;
	margin-bottom:var(--adea-quality-head-mb,34px);
}
.adea-quality-titlecol{min-width:0}

/* ---------- occhiello ----------
   Componente condiviso `.adea-c-kicker` + le due sole differenze: il fondo
   bianco (serve perché qui l'occhiello può capitare sopra una decorazione) e
   il margine sotto. Più il gradino ≤620, che il componente non ha. */
.adea-quality-section .adea-c-kicker{background:#fff;margin-bottom:22px}
.adea-quality-kicker-ico{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.adea-quality-kicker-ico svg{transition:transform .35s var(--adea-ease-spring)}
.adea-c-kicker:hover .adea-quality-kicker-ico svg{transform:scale(1.18) rotate(-6deg)}

/* ---------- titolo e testo ---------- */
.adea-quality-title{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);
	font-size:var(--adea-quality-title-size,54px);
	line-height:var(--adea-quality-title-lh,1.08);
	letter-spacing:-.04em;color:#15171b;margin:0;max-width:640px;font-weight:400;
}
.adea-quality-copycol{
	padding-top:var(--adea-quality-copy-pt,74px);
	max-width:var(--adea-quality-copy-maxw,620px);justify-self:start;
}
.adea-quality-copy{font-size:var(--adea-quality-copy-size,17px);line-height:1.58;color:#4c5864;margin:0}

/* ---------- griglia: fotografia a sinistra, schede a destra ---------- */
.adea-quality-grid{
	display:grid;
	grid-template-columns:var(--adea-quality-grid-cols,minmax(0,.94fr) minmax(0,1.06fr));
	gap:24px;align-items:stretch;
}
.adea-quality-left{height:var(--adea-quality-left-h,100%);align-self:stretch}
.adea-quality-right{display:flex;flex-direction:column;gap:14px;height:100%;align-self:stretch}

/* ---------- fotografia ----------
   L'immagine è in posizione ASSOLUTA dentro il contenitore: così il
   contenitore può prendere l'altezza dalla colonna delle schede
   (`min-height:100%`) senza che l'immagine la faccia crescere. Sotto 1040 la
   colonna sparisce e subentra un'altezza fissa. */
.adea-quality-media{
	position:relative;overflow:hidden;border-radius:24px;background:#eef3f7;
	height:var(--adea-quality-media-h,100%);min-height:var(--adea-quality-media-minh,100%);
}
.adea-quality-media img{
	position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
	transition:transform .8s var(--adea-ease);
}
.adea-quality-media:hover img{transform:scale(1.05)}

/* ---------- scheda ----------
   Come in "Linee dedicate" NON è `.adea-c-card`: è grigia, senza ombra a
   riposo, e si alza di 3px (non 6). La voce in evidenza ha un grigio appena
   più scuro. */
.adea-quality-item{
	display:grid;
	grid-template-columns:var(--adea-quality-item-cols,74px minmax(0,1fr));
	gap:var(--adea-quality-item-gap,20px);align-items:center;
	background:#f3f3f1;border:1px solid #ecebe6;border-radius:14px;
	padding:var(--adea-quality-item-pad,26px 22px);box-shadow:none;
	transition:transform .32s var(--adea-ease-spring),box-shadow .32s ease,background .32s ease;
}
.adea-quality-item.is-active{background:#efefec}
.adea-quality-item:hover{
	transform:translateY(-3px);
	box-shadow:var(--adea-shadow-soft,0 18px 40px -20px rgba(10,37,64,.28));
	background:#eef5ee;
}
.adea-quality-check{
	width:var(--adea-quality-check,66px);height:var(--adea-quality-check,66px);
	border-radius:14px;background:#0f7d37;color:#fff;
	display:flex;align-items:center;justify-content:center;
	box-shadow:0 14px 28px -18px rgba(15,125,55,.5);
	transition:transform .4s var(--adea-ease-spring);
}
.adea-quality-item:hover .adea-quality-check{transform:scale(1.08) rotate(5deg)}
.adea-quality-item-body h3{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);
	font-size:var(--adea-quality-h3,24px);line-height:1.08;letter-spacing:-.03em;
	color:#15171b;margin:0 0 10px;font-weight:400;
}
.adea-quality-item-body p{font-size:15px;line-height:1.58;color:#4f5964;margin:0;max-width:460px}

/* ---------- breakpoint originali (misurati) ---------- */
@media(max-width:1040px){
	.adea-quality-head{--adea-quality-head-cols:1fr;--adea-quality-head-gap:28px}
	.adea-quality-title{--adea-quality-title-size:var(--adea-quality-title-size-1040,46px)}
	.adea-quality-copycol{--adea-quality-copy-pt:0px;--adea-quality-copy-maxw:760px}
	.adea-quality-grid{--adea-quality-grid-cols:1fr}
	.adea-quality-left{--adea-quality-left-h:auto}
	.adea-quality-media{
		--adea-quality-media-h:var(--adea-quality-media-minh-1040,360px);
		--adea-quality-media-minh:var(--adea-quality-media-minh-1040,360px);
	}
}
@media(max-width:960px){
	/* ⚠️ proprietà, non variabile: Elementor stampa --adea-quality-pad-* su
	   QUESTO stesso elemento con specificità più alta e vincerebbe. */
	.adea-quality-section{
		padding-top:var(--adea-quality-pad-t-960,76px);
		padding-bottom:var(--adea-quality-pad-b-960,74px);
	}
	/* `.sect` dell'originale: sotto 960 il margine laterale è 20px */
	.adea-quality-shell{padding-left:20px;padding-right:20px}
	.adea-quality-head{--adea-quality-head-mb:30px}
	.adea-quality-title{--adea-quality-title-size:var(--adea-quality-title-size-960,42px)}
}
@media(max-width:620px){
	.adea-quality-section{
		padding-top:var(--adea-quality-pad-t-620,58px);
		padding-bottom:var(--adea-quality-pad-b-620,60px);
	}
	/* l'originale rimpicciolisce l'occhiello solo qui (r.444) */
	.adea-quality-section .adea-c-kicker{font-size:12px;padding:8px 16px}
	.adea-quality-title{--adea-quality-title-size:var(--adea-quality-title-size-620,34px);--adea-quality-title-lh:1.06}
	.adea-quality-copy{--adea-quality-copy-size:16px}
	.adea-quality-item{--adea-quality-item-cols:1fr;--adea-quality-item-gap:16px;--adea-quality-item-pad:22px 18px}
	.adea-quality-check{--adea-quality-check:60px}
	.adea-quality-item-body h3{--adea-quality-h3:22px}
}

/* ---------- reduced-motion ----------
   Come l'originale (r.742–744): scheda, spunta e fotografia ferme. */
@media(prefers-reduced-motion:reduce){
	.adea-quality-item:hover,
	.adea-quality-item:hover .adea-quality-check,
	.adea-quality-media:hover img{transform:none!important}
	.adea-quality-media img{transition:none!important}
}