/*
 * Component: Post Card
 * Depends on: tokens.css, category-archive.css (inherits cat-card styles)
 */

/* Action buttons on the card footer */
.lp-card-actions {
  display: flex; align-items: center; gap: var(--space-2);
}

.lp-like-btn,
.lp-cmt-btn,
.lp-bookmark-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  background: none; border: none; cursor: pointer;
  padding: 2px var(--space-1);
  border-radius: var(--radius-sm);
  transition: color var(--transition-fast);
  font-family: inherit;
}

.lp-like-btn:hover   { color: var(--color-primary); }
.lp-cmt-btn:hover    { color: var(--color-primary); }
.lp-bookmark-btn:hover { color: var(--color-primary); }

.sp-liked .sp-like-heart { fill: var(--color-primary); stroke: var(--color-primary); }
.lp-bookmarked { color: var(--color-primary); }