/* =========================================================================
   Savorita Elementor Widgets — foglio condiviso.
   Solo i gettoni comuni a tutti i widget. Il disegno di ogni widget sta nel
   suo foglio, sotto la sua radice (.sv-hdr, .sv-cat, …).
   ========================================================================= */

:root{
  /* Colori del kit Elementor (docs/home-2027.md §1, CLAUDE.md) */
  --sv-green:#087F23;
  --sv-green-2:#61C685;
  --sv-mint:#E8FFE5;
  --sv-red:#EC1B30;
  --sv-gold:#D39D00;
  --sv-yellow:#FFCC37;
  --sv-navy:#293241;
  --sv-ink:#333333;
  --sv-text:#6B8083;
  --sv-lilac:#F7F6FE;

  /* Altezza della barra dell'header. La aggiorna header.js con la misura
     vera; serve alle ancore e agli elementi fissi degli altri widget. */
  --sv-bar-h:76px;

  /* Livello delle esperienze a tutto schermo (contratto comune). */
  --sv-z-fs:2147483000;
}

/* Le ancore si fermano sotto l'header, non dietro. */
html{ scroll-padding-top:var(--sv-bar-h); }

/*
 * Contenitore Elementor che va a capo + nostro widget = vuoto sotto.
 * Elementor sul telefono dà flex-wrap:wrap ai contenitori. In un contenitore
 * a colonna che va a capo, il browser misura l'altezza del widget prima di
 * dargli la larghezza vera, e le nostre radici sono contenitori (container
 * query): misurate così si impaginano più strette e più alte. Il blocco del
 * widget resta di quell'altezza e sotto si apre un vuoto (hero 700 px di
 * contenuto in un blocco da 1155 su iPhone, WebKit e Chrome). Senza a capo
 * il blocco segue il contenuto. Vale per ogni widget savorita_ (anche
 * catalogo e fit check), che sono sezioni a tutta larghezza.
 */
:is(.e-con, .e-con-inner):is(.e-con, .e-con-inner):has(> [class*="elementor-widget-savorita_"]){
  flex-wrap:nowrap;
}