/* ==========================================================================
   ES V6.6 REFINE 2026-09-12 — electronicsolution.eu
   Rifinitura ADDITIVA di animazioni e immagini. Nessun elemento viene
   aggiunto, rimosso o spostato. Le regole sono prefissate con `html`/`body`
   per prevalere sul "CSS aggiuntivo" del Customizer a parita' di selettore.
   Rollback: eliminare v6-6-refine.css e v6-6-refine.js (blocco enqueue atomico).
   ========================================================================== */

/* 1. Disegni tecnici V6.4: tratto piu' fluido e sequenza piu' compatta.
      (1,5 s + scaglioni da 3,4 s → 1,25 s + 2,6 s: il disegno completo si
      chiude in ~3,9 s invece di ~5 s, senza cambiare l'effetto). */
html.es-v64 {
	--esv64-dur: 1.25s;
	--esv64-stagger: 2.6s;
}
html.es-v64 .v61-draw {
	overflow: visible; /* cintura: nessun tratto tagliato ai bordi della viewBox */
}

/* 2. Header: la compressione allo scroll non deve mai produrre tremolii.
      CAUSA MISURATA (Chrome, 2026-09-12): l'header sticky si comprime di 28 px
      con una transizione di 0,35 s; a ogni fotogramma lo "scroll anchoring"
      del browser compensa il contenuto che sale riportando INDIETRO lo scroll
      (misurato: scrollY 18 → 13), che ricade sotto la soglia di 12 px, la
      classe viene tolta, l'header si riespande e il ciclo riparte: la barra
      trema. FIX: (a) nessun ancoraggio dello scroll sul documento — l'header
      puo' cambiare altezza senza che il browser sposti lo scroll; (b) isteresi
      e pagine corte gestite dal JS V6.6; (c) transizione breve e uniforme. */
html,
body {
	overflow-anchor: none;
}
body .site-header .inside-header {
	transition:
		padding-top .3s cubic-bezier(.22, .61, .36, 1),
		padding-bottom .3s cubic-bezier(.22, .61, .36, 1);
}
html.es-v66-noshrink .site-header .inside-header {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
html.es-v66-noshrink .site-header .site-logo img,
html.es-v66-noshrink .site-header .header-image {
	transform: none !important;
}

/* 3. Immagini in cornice: cornice oro appena percettibile e ombra a strati,
      per staccare meglio le figure dal fondo (stessa geometria di prima). */
body .es .es-fig {
	box-shadow:
		0 1px 0 rgba(255, 255, 255, .06) inset,
		0 0 0 1px rgba(201, 155, 75, .22),
		0 18px 48px rgba(7, 26, 47, .28);
}
body .es .es-fig img {
	backface-visibility: hidden;
}

/* 4. Reveal delle figure: dissolvenza leggermente piu' lunga per le immagini,
      cosi' entrano "posate" e non a scatto. */
body .es .es-fig.es-rv {
	transition:
		opacity .8s cubic-bezier(.16, 1, .3, 1),
		transform .9s cubic-bezier(.16, 1, .3, 1);
}

/* 5. Movimento ridotto: nessuna transizione aggiunta */
@media (prefers-reduced-motion: reduce) {
	body .site-header .inside-header,
	body .es .es-fig.es-rv {
		transition: none;
	}
}