/* Post-card metadata and reaction controls. */

.post-card__author-avatar {
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain;
}

.post-card__date {
  margin-top: 2px;
  color: var(--text-soft);
  font-size: 0.82rem;
  font-weight: 400;
  line-height: 1.2;
}

.post-card__stats {
  gap: 10px;
  color: var(--text-soft);
  font-size: 0.86rem;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  white-space: nowrap;
}

.post-card__stat {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--text-soft);
}

.post-card__stat--time {
  text-align: right;
}

.post-card__stat-icon {
  width: 16px;
  height: 16px;
  color: #8d95a8;
}

.post-card__stat-icon svg {
  width: 100%;
  height: 100%;
}

.reaction-pill {
  min-height: 24px;
  padding: 1px 7px;
  border: 0;
  background: color-mix(in srgb, var(--text) 2.5%, transparent);
  font-size: 0.78rem;
  line-height: 1;
}

.reaction-pill:not(.reaction-pill--more):hover {
  background: color-mix(in srgb, var(--accent) 5%, transparent);
}