/* Additional styles for enhanced comments */
.pinned-comment {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--secondary-text);
  margin-bottom: 8px;
  gap: 4px;
}

.comment.pinned {
  background-color: rgba(0, 0, 0, 0.02);
  border-left: 2px solid var(--yt-red);
  padding-left: 10px;
  margin-left: -12px;
}

.verified-badge {
  color: var(--blue-text);
  margin-left: 4px;
  font-size: 12px;
}

.verified-badge.pre-verified {
  color: #888;
}

.verified-badge.super-verified {
  color: #ff0000;
}

.verified-badge.ultra-verified {
  background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
  background-size: 400%;
  animation: rainbow 2s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.verified-badge.legendary-verified {
  background: linear-gradient(45deg, #ffd700, #ffed4e, #ffd700);
  background-size: 400%;
  animation: golden 3s ease-in-out infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.creator-badge {
  background-color: #888;
  color: white;
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 11px;
  margin-left: 4px;
  font-weight: normal;
}

.comment-timestamp-info {
  display: flex;
  gap: 4px;
  font-size: 12px;
  color: var(--secondary-text);
  align-items: center;
}

.comment-edited {
  color: var(--secondary-text);
  font-size: 11px;
}

.comment-timestamp {
  display: flex;
  gap: 4px;
  align-items: center;
}

.ai-reply {
  background-color: #f0f7ff;
  border-left: 3px solid var(--blue-text);
  padding: 12px;
  border-radius: 0 4px 4px 0;
  transition: transform 0.2s;
  margin-top: 12px;
}

.comment-text a {
  color: var(--blue-text);
  text-decoration: none;
}

.comment-text a:hover {
  text-decoration: underline;
}

.timestamp-link {
  color: var(--blue-text);
  cursor: pointer;
}

.timestamp-link:hover {
  text-decoration: underline;
}