/* Chat Links
   WhatsApp / Telegram / Signal group links block
   Used on: article sidebar, groups page, category page */

.chat-links {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.chat-links__heading {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--heading);
  margin-bottom: var(--space-1);
}

.chat-links__link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  font-size: var(--text-sm);
  color: var(--text);
  border: 1px solid var(--hairline);
  text-decoration: none;
  transition: border-color var(--duration-fast) var(--ease-default);
}

.chat-links__link:hover {
  border-color: var(--text);
}

.chat-links__link svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* Platform-specific colors on hover */
.chat-links__link--whatsapp:hover {
  border-color: #25D366;
  color: #25D366;
}

.chat-links__link--telegram:hover {
  border-color: #0088cc;
  color: #0088cc;
}

.chat-links__link--signal:hover {
  border-color: #3A76F0;
  color: #3A76F0;
}