/* ═══════════════════════════════════════════════════════════════════════
   votes.css — Vote button active states (toolbar) and sidebar pin rows
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Active-state overrides for vote buttons in the popup toolbar ─────── */
/* The base .toolbar-btn style lives in map.css; these add vote-specific
   active colours so thumbs-up/down are visually distinct when pressed.   */

.toolbar-btn--vote:active {
  transform: scale(0.93);
}

.toolbar-btn--vote[data-vote-action="up"].is-active {
  background: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.4);
}

.toolbar-btn--vote[data-vote-action="down"].is-active {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}