/**
 * Sacrantica — header fisso in alto (sticky)
 * Applicare la classe "sacrantica-sticky-header" alla sezione/contenitore
 * Elementor dell'header (Advanced > CSS Classes).
 */

.sacrantica-sticky-header {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9999;
	background-color: #F2E6D1; /* bianco avorio, come da brand identity */
	transition: box-shadow 0.25s ease;
}

/* Ombra leggera che compare dopo i primi pixel di scroll, per dare
   profondità all'header senza un cambiamento visivo brusco. */
.sacrantica-sticky-header.is-stuck {
	box-shadow: 0 2px 14px rgba(47, 53, 36, 0.15);
}

/* Elemento "segnaposto" inserito via JS subito dopo l'header: occupa
   esattamente lo spazio che l'header lascerebbe libero passando a
   position:fixed, evitando che il contenuto sottostante salga di scatto. */
.sacrantica-sticky-header__placeholder {
	width: 100%;
}

/* Su schermi piccoli, se l'header va su due righe (es. menu a tendina
   sotto al logo), l'altezza viene comunque ricalcolata dinamicamente da JS:
   nessun valore fisso hard-coded qui. */