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

.ai-hub-page .comments-section {
  margin-top: var(--space-8);
  padding-top: 1rem;
  border-top: 1px solid var(--hub-border);
}

.ai-hub-page .comments-toggle {
  color: var(--hub-text-body);
}

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

.ai-hub-page .comments-toggle-arrow,
.ai-hub-page .comments-count,
.ai-hub-page .comments-gate,
.ai-hub-page .comments-empty,
.ai-hub-page .comment-time,
.ai-hub-page .comment-actions button {
  color: var(--hub-text-muted);
}

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

.ai-hub-page .comment-body {
  color: var(--hub-text-body);
}

.ai-hub-page .comment,
.ai-hub-page .google-btn--compact {
  border-color: var(--hub-border);
}

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

.ai-hub-page .comments-compose-row textarea,
.ai-hub-page .comment-reply-form textarea {
  background: var(--hub-surface-card);
  border-color: var(--hub-border);
  color: var(--hub-text);
}

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

.ai-hub-page .comments-submit {
  background: linear-gradient(135deg, var(--hub-accent), var(--hub-accent-2));
  color: #040814;
}

.ai-hub-page .google-btn--compact {
  background: rgba(255, 255, 255, 0.04);
  color: var(--hub-text-body);
}

.ai-hub-page .google-btn--compact:hover {
  border-color: var(--hub-border-strong);
  color: var(--hub-text);
}

.ai-hub-page .comment-meta .avatar-fallback {
  background: linear-gradient(135deg, var(--hub-accent), var(--hub-accent-2));
  color: #040814;
}