/* ==========================================================================
   ECLIPSEMC — 06. WIDGET / SIDEBAR / CARRELLO / NOTIFICHE
   Carica come nuovo Asset CSS chiamato: eclipsemc-widgets-basket.css
   ========================================================================== */

/* Widget generici della sidebar (top donator, community goal, pagamenti...) */
.widget{
  background: var(--color-brighter-bg) !important;
  border: 1px solid rgba(139,92,246,.15) !important;
}
.widget-title{
  color: var(--color-primary) !important;
  font-size: 13px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}
.widget-community-goal .progress-bar,
.widget-goal .progress-bar{
  background: linear-gradient(135deg,#7c3aed,#c026d3) !important;
}

/* Carrello (basket popup) */
.basket-popup-content{
  background: #0e0c17 !important;
  border-left: 1px solid rgba(139,92,246,.2) !important;
}
.basket-item{
  background: var(--color-brighter-bg) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}

/* Notifiche toast */
.toast{
  background: var(--color-brighter-bg) !important;
  border: 1px solid rgba(139,92,246,.3) !important;
  color:#fff !important;
}

/* Loghi metodi di pagamento (PayPal, Visa, ecc.) in griglia ordinata */
.widget-payments img, [class*="payment"] img{
  max-width:64px !important;
  height:auto !important;
  background:#fff !important;
  border-radius:8px !important;
  padding:6px !important;
}