/* ForumPostComponent — list row for build showcase, shop listings, tickets. */

/* Card: uniform border on all sides — the decorative left-edge accent
   bar was pulled per the audit ("thin coloured accent bar down the left
   edge of cards used as generic repeated decoration" is one of the most
   recognisable AI tells). Pinned posts still get an accent bar (below),
   so the treatment stays reserved for something meaningful. */
.forum-post-card {
  background-color: var(--surface-1);
  border-radius: var(--radius-md);
  border: var(--border-width-bold) solid var(--border-default);
  padding: var(--space-4);
  transition:
    border-color var(--transition-fast),
    background-color var(--transition-fast);
}

@media (prefers-reduced-motion: no-preference) {
  .forum-post-card:hover {
    background-color: var(--surface-2);
    border-color: var(--border-strong);
  }
}

/* Pinned posts keep the accent, because "pinned" is actually meaningful
   list-position status — this is the one row in the list the eye is
   supposed to catch first. */
.forum-post-card--pinned {
  border-left-width: 3px;
  border-left-color: var(--color-amber);
}

.forum-post-card__title {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 600;
  margin-bottom: var(--space-2);
  letter-spacing: -0.01em;
  line-height: var(--leading-tight);
}

.forum-post-card__link {
  color: var(--color-parchment);
  transition: color var(--transition-fast);
}
.forum-post-card__link:hover { color: var(--color-amber); }

.forum-post-card__meta {
  font-size: var(--text-xs);
  color: var(--color-ash);
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.forum-post-card__meta-sep {
  color: rgba(255,255,255,0.15);
}

.forum-post-card__type-tag {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  padding: 1px var(--space-2);
  border-radius: var(--radius-sm);
  font-weight: 600;
}

.forum-post-card__type-tag--build_showcase {
  background-color: var(--color-amber-10);
  color: var(--color-sunflower);
}

.forum-post-card__type-tag--shop_listing {
  background-color: var(--color-vine-20);
  color: var(--color-success-text);
}

.forum-post-card__type-tag--ticket {
  background-color: var(--color-ember-20);
  color: var(--color-danger-text);
}

.forum-post-card__pinned {
  font-size: var(--text-xs);
  color: var(--color-sunflower);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}

/* Status badge for tickets */
.status-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  padding: 1px var(--space-2);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.status-badge--open   { background-color: var(--color-vine-20); color: var(--color-success-text); }
.status-badge--closed { background-color: var(--color-white-05); color: var(--color-ash); }

.forum-post-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}