/**
 * @file
 * Comments component.
 */

.comments {
  margin-top: var(--wp--preset--spacing--40, 48px);
}

.comments__title {
  font-size: var(--wp--preset--font-size--x-large, 1.75rem);
  margin-bottom: var(--wp--preset--spacing--30, 24px);
}

.comment {
  padding: var(--wp--preset--spacing--30, 24px) 0;
  border-bottom: 1px solid var(--wp--preset--color--border, #dcdcde);
}

.comment:last-child {
  border-bottom: none;
}

.comment__meta {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--10, 8px);
  margin-bottom: var(--wp--preset--spacing--20, 16px);
  font-size: var(--wp--preset--font-size--small, 0.875rem);
  color: var(--wp--preset--color--muted, #757575);
}

.comment__author {
  font-weight: 600;
  color: var(--wp--preset--color--dark, #1a1a1a);
}

/* --- Threaded / indented comments --- */

.indented {
  margin-left: var(--wp--preset--spacing--30, 24px);
  padding-left: var(--wp--preset--spacing--30, 24px);
  border-left: 2px solid var(--wp--preset--color--border, #dcdcde);
}
