/* ==========================================================================
   Longevion — override della sola HOME, dove l'header/footer Elementor
   convivono col CSS globale del bundle. Caricato per ultimo.
   ========================================================================== */

/* Il bundle disegna lo sfondo su <html>; il kit di Elementor potrebbe
   sovrascrivere quello di <body> e coprirlo. */
body.home {
	background: transparent;
}

/* --------------------------------------------------------------------------
   Header: sulla home l'originale <nav id="nav"> era `position:fixed` e
   trasparente SOPRA l'hero (z-index 200), non `sticky` come sulle pagine
   interne — altrimenti spingerebbe l'hero fuori dalla prima schermata.
   -------------------------------------------------------------------------- */
body.home .elementor-location-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 200;
}

/* Nessuno sfondo finché non si scrolla: il blur arriva con .ll-scrolled,
   esattamente come faceva #nav.scrolled. */
body.home .elementor-location-header:not(.ll-scrolled) > .e-con {
	background: transparent;
	background-color: transparent;
}

/* Le ancore del menu non devono finire sotto l'header fisso. */
#progetto,
#scienza,
#linea,
#contatti {
	scroll-margin-top: 96px;
}

/* Il target dell'ancora "Contatti" è solo un segnaposto. */
#contatti {
	display: block;
	height: 0;
}

/* hello-elementor stampa uno skip-link prima dell'header. */
body.home .skip-link {
	position: absolute;
}
