/* ============================================================
   GA Negozio Custom v2.0.0 — solo cosmesi, zero struttura
   ------------------------------------------------------------
   REGOLA SEGUITA IN QUESTO FILE: mai display, float, width,
   grid-template-columns su li.product o ul.products — quelle
   proprietà sono quello che ha rotto la sidebar nelle versioni
   precedenti. Qui dentro solo bordo, ombra, padding (box-sizing
   è già border-box sul sito, quindi il padding non allarga la
   colonna), colore, font, transizioni.
   ============================================================ */

/* Card — bordo e ombra leggera sull'elemento che Betheme genera già,
   senza toccare come è posizionato nella griglia.
   box-sizing: border-box è ESSENZIALE qui: senza, il padding e il
   bordo si sommano alla larghezza calcolata da Betheme per la
   colonna invece di starci dentro, e l'elemento successivo va a
   capo (è quello che è successo con "il terzo va a capo"). */
.woocommerce ul.products li.product{
  box-sizing: border-box !important;
  border: 1px solid #e4e2dc;
  border-radius: 4px;
  padding: 14px 14px 18px;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(20, 30, 28, .04);
  transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
.woocommerce ul.products li.product:hover{
  box-shadow: 0 16px 30px rgba(20, 30, 28, .12);
  border-color: #d5d1c3;
  transform: translateY(-3px);
}

/* Immagine — solo angoli arrotondati, nessuna modifica a
   dimensioni/proporzioni (quelle restano quelle di Betheme) */
.woocommerce ul.products li.product img{
  border-radius: 2px;
}

/* Titolo prodotto — Georgia come il resto del sito */
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family: Georgia, "Times New Roman", Cambria, serif;
  color: #22282a;
}

/* Prezzo — verde brand invece del blu di default */
.woocommerce ul.products li.product .price{
  color: #2f5d50;
  font-weight: 700;
}
.woocommerce ul.products li.product .price del{
  color: #a8a8a8;
  font-weight: 400;
}

/* Badge "In offerta" — colore brand invece del default del tema */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{
  background-color: #c08a2e;
}

/* ============================================================
   Fine — v2.0.1 non aggiunge più alcun titolo/header custom.
   ============================================================ */