/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Tema Child per Divi
 Author:         Il Tuo Nome
 Author URI:     https://tuosito.it
 Template:       Divi
 Version:        1.0.0
*/

/* Inserisci il tuo CSS personalizzato qui sotto */

/* === Le Chicche Header Icons - UI Upgrade === */
.et-l--header .dh-icons{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}
/* pill */
.et-l--header .dh-icon{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.035) !important;
  border:1px solid rgba(0,0,0,.06) !important;
  text-decoration:none !important;
  color:
#1b1b1b !important;
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease !important;
  will-change: transform;
}
.et-l--header .dh-icon:hover{
  transform:translateY(-1px) !important;
  background:rgba(0,0,0,.055) !important;
  border-color:rgba(0,0,0,.10) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.08) !important;
}
/* icone un po' più “piene” e leggibili */
.et-l--header .dh-icon svg{
  width:21px !important;
  height:21px !important;
  stroke-width:1.9 !important;
}
/* area totale+badge */
.et-l--header .dh-cart-meta{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
/* totale più elegante */
.et-l--header .dh-cart-total{
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:-0.2px !important;
  opacity:.92 !important;
  white-space:nowrap !important;
}
/* badge più “premium” */
.et-l--header .dh-badge{
  min-width:22px !important;
  height:22px !important;
  padding:0 7px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12px !important;
  font-weight:800 !important;
  background:
#2b2b2b !important;
  color:#fff !important;
  box-shadow:0 6px 14px rgba(0,0,0,.14) !important;
}
/* se 0: badge più discreto */
.et-l--header .dh-badge[data-count="0"]{
  opacity:.55 !important;
  box-shadow:none !important;
}
/* separazione visiva: il cart può essere “più importante” */
.et-l--header .dh-cart{
  background:rgba(0,0,0,.05) !important;
}
/* Mobile: togli totale, resta badge */
@media (max-width: 767px){
  .et-l--header .dh-cart-total{ display:none !important; }
  .et-l--header .dh-icon{ padding:10px 11px !important; }
}
.et-l--header .dh-badge{
  background:
#93a996 !important; /* verde “olio” */
}
.et-l--header .dh-cart{
  background:
#93a996 !important;
  border-color:rgba(11,93,42,.25) !important;
  color:#fff !important;
}
.et-l--header .dh-cart:hover{
  background:
#677f6a !important;
}
.et-l--header .dh-cart .dh-badge{
  background:#fff !important;
  color:
#93a996 !important;
}