/* ── Feedback Widget ───────────────────────────────────────── */
.fbw-widget {
  --fbw-active-color: #ffb74d;
  --fbw-active-bg:    #fff3e0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  text-align: center;
  padding: 24px 16px 28px;
  margin: 32px 0 16px;
  border-top: 1px solid #e8e8e8;
}
.fbw-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 4px;
}
.fbw-subtitle {
  font-size: 0.85rem;
  color: #888;
  margin: 0 0 20px;
}
.fbw-buttons {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}
.fbw-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  background: none;
  border: 2px solid transparent;
  border-radius: 12px;
  padding: 10px 16px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, transform 0.1s;
  min-width: 68px;
  font-family: inherit;
}
.fbw-btn:hover  { background: #f5f5f5; }
.fbw-btn:active { transform: scale(0.93); }
.fbw-btn:disabled { opacity: 0.65; cursor: wait; }

.fbw-btn--active {
  background:    var(--fbw-active-bg);
  border-color:  var(--fbw-active-color);
}
.fbw-emoji {
  font-size: 2rem;
  line-height: 1;
  display: block;
  transition: transform 0.2s;
}
.fbw-btn:hover .fbw-emoji { transform: scale(1.15); }
.fbw-label {
  font-size: 0.72rem;
  color: #555;
  font-weight: 500;
}
.fbw-count {
  font-size: 0.78rem;
  font-weight: 700;
  color: #333;
}
.fbw-btn--active .fbw-label,
.fbw-btn--active .fbw-count { color: #e65100; }

/* Pulse animation when a vote is cast */
@keyframes fbw-pulse {
  0%   { transform: scale(1);    }
  40%  { transform: scale(1.35); }
  70%  { transform: scale(0.90); }
  100% { transform: scale(1);    }
}
.fbw-btn--pulse .fbw-emoji { animation: fbw-pulse 0.4s ease forwards; }

/* Honeypot — never visible */
.fbw-hp-wrap { display: none !important; }