/* Root inherited from widget-base; we just style row content */

#top-zappers-title {
  font-weight: bold;
  margin: 0;
  white-space: nowrap;
  background: rgba(34, 34, 34, 1.20);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  padding: 6px 10px;
}

/* Row of zap badges */
#top-zappers {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;

  overflow-x: auto;     /* ✅ enable horizontal scroll */
  overflow-y: hidden;

  white-space: nowrap;

  -webkit-overflow-scrolling: touch; /* smooth mobile swipe */
  scrollbar-width: none;             /* Firefox hide scrollbar */
}

#top-zappers::-webkit-scrollbar {
  display: none;       /* Chrome / Safari hide scrollbar */
}


/* Individual badge */
.zap-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(34,34,34,1.20);
  border: 1px solid rgba(255,255,255,0.15);
  white-space: nowrap;
}

/* Name + sats */
.zap-name {
  margin-right: 4px;
  font-weight: 600;
}

.zap-amount {
  opacity: 0.9;
}