/* =====================================================================
   BYITALY STORE - home.css
   Homepage sotto l'hero: blocchi Classic residui armonizzati
   ---------------------------------------------------------------------
   Tema:   byitaly (child di Classic) - PrestaShop 8.2.6
   Autore: Francesco Fiore - www.fiorefrancesco.com - Licenza MIT
   NOTA DI TRASPARENZA: le immagini fornite NON mostrano la homepage
   sotto l'hero (dichiarato in ANALISI.md §2). Regola confermata:
   layout Classic ORIGINALE (es. ps_featuredproducts), qui solo
   armonizzazione tipografica/cromatica via token. Quando fornirai
   la vista completa della home, questo file ospiterà le sezioni reali.
   ===================================================================== */

/* Titoli sezione dei blocchi Classic in home (es. "Prodotti in evidenza") */
#index .featured-products .h2,
#index section .products-section-title {
  font-size: var(--ff-fs-h2);
  font-weight: 700;
  color: var(--ff-navy);
  text-align: left;                 /* coerente con l'impostazione
                                       a sinistra di tutte le pagine  */
  margin: var(--ff-section-y) 0 28px;
}
/* Sottolineatura tricolore sotto il titolo sezione (firma brand) */
#index .featured-products .h2::after,
#index section .products-section-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 4px;
  margin-top: 12px;
  border-radius: 2px;
  background: linear-gradient(to right,
    var(--ff-green) 0 33.33%, var(--ff-border) 33.33% 66.66%,
    var(--ff-red) 66.66% 100%);
}
/* Link "Tutti i prodotti" dei blocchi Classic */
#index .featured-products .all-product-link {
  color: var(--ff-navy);
  font-weight: 700;
  font-size: var(--ff-fs-small);
  text-transform: uppercase;
  letter-spacing: var(--ff-ls-label);
}
#index .featured-products .all-product-link:hover { color: var(--ff-red); }

/* Spazio sotto l'ultima sezione prima della fascia USP pre-footer */
#index #content-wrapper { padding-bottom: var(--ff-section-y); }