/**
 * IT.mk Feed Voting — styles.
 * Complements the theme's existing .post-card-vote layout (community-redesign.css);
 * only adds the interactive states the widget needs plus a left vote rail for WP
 * editorial cards, which had no vote control before.
 */

/* WordPress editorial card: add a vote rail on the left, only when present. */
.post-card--wp:has(> .itfv-vote) {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.post-card--wp > .itfv-vote {
  flex: 0 0 40px;
  padding-top: 4px;
}

.post-card--wp > .itfv-vote + .row {
  flex: 1 1 auto;
  min-width: 0;
}

/* Interaction states (all card types). */
.itfv-vote button {
  cursor: pointer;
  transition: color 0.12s ease, transform 0.12s ease;
}

.itfv-vote.post-card-vote--guest button {
  cursor: help;
}

.itfv-up:hover {
  color: #1a9d54;
  transform: translateY(-1px);
}

.itfv-down:hover {
  color: #d64545;
  transform: translateY(1px);
}

.itfv-voted--up .itfv-up {
  color: #1a9d54;
}

.itfv-voted--down .itfv-down {
  color: #d64545;
}

.itfv-vote.itfv-pending {
  opacity: 0.55;
  pointer-events: none;
}