/* Trendz discussion threads — remaps Community comments onto Trendz theme vars.
   Include after /community/comments.css on Trendz article detail pages. */

.trendz-page .comments-section {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--tz-border, var(--border));
}

.trendz-page .comments-toggle {
  color: var(--tz-body, var(--text2));
}

.trendz-page .comments-toggle:hover,
.trendz-page .comments-toggle:hover .comments-toggle-arrow,
.trendz-page .comment-actions button:hover {
  color: var(--tz-accent, var(--accent));
}

.trendz-page .comments-toggle-arrow,
.trendz-page .comments-count,
.trendz-page .comments-gate,
.trendz-page .comments-empty,
.trendz-page .comment-time,
.trendz-page .comment-actions button,
.trendz-page .article-save-hint {
  color: var(--tz-muted, var(--muted));
}

.trendz-page .comments-head h2,
.trendz-page .comment-author {
  color: var(--tz-text, var(--text));
}

.trendz-page .comment-body {
  color: var(--tz-body, var(--text2));
}

.trendz-page .comment,
.trendz-page .google-btn--compact,
.trendz-page .article-save-btn {
  border-color: var(--tz-border, var(--border));
}

.trendz-page .comment.reply {
  border-left-color: color-mix(in srgb, var(--tz-accent, var(--accent)) 35%, var(--tz-border, var(--border)));
}

.trendz-page .comments-compose-row textarea,
.trendz-page .comment-reply-form textarea {
  background: var(--tz-surface, rgba(255, 255, 255, 0.03));
  border-color: var(--tz-border, var(--border));
  color: var(--tz-text, var(--text));
}

.trendz-page .comments-compose-row textarea:focus,
.trendz-page .comment-reply-form textarea:focus {
  border-color: color-mix(in srgb, var(--tz-accent, var(--accent)) 50%, var(--tz-border, var(--border)));
}

.trendz-page .comments-submit {
  background: linear-gradient(135deg, var(--tz-accent, var(--accent)), var(--tz-accent2, var(--accent2)));
  color: #0a0e1a;
}

.trendz-page .google-btn--compact {
  background: rgba(255, 255, 255, 0.04);
  color: var(--tz-body, var(--text2));
}

.trendz-page .google-btn--compact:hover {
  border-color: rgba(148, 163, 184, 0.35);
  color: var(--tz-text, var(--text));
}

.trendz-page .comment-meta .avatar-fallback {
  background: linear-gradient(135deg, var(--tz-accent, var(--accent)), var(--tz-accent2, var(--accent2)));
  color: #0a0e1a;
}

.trendz-page .article-save-btn {
  background: rgba(255, 255, 255, 0.03);
  color: var(--tz-body, var(--text2));
}

.trendz-page .article-save-btn:hover,
.trendz-page .article-save-btn.is-saved {
  border-color: var(--tz-accent, var(--accent));
  color: var(--tz-accent, var(--accent));
}