/**
 * @file links.css
 * Verid — Links & CTAs
 */

/* ─── Inline links ───────────────────────────────────────── */
/* Already handled in base.css — here we handle Drupal link lists */

.links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--verid-space-3);
  list-style: none;
  margin: 0;
  padding: 0;
}

.links .links__item a {
  display: inline-flex;
  align-items: center;
  gap: var(--verid-space-2);
  padding: var(--verid-space-2) var(--verid-space-4);
  font-size: var(--verid-text-sm);
  font-weight: 600;
  border-radius: var(--verid-radius-full);
  text-decoration: none;
  transition: background-color var(--verid-transition-fast), color var(--verid-transition-fast);
}

/* Primary link (e.g. "Read more") */
.links .links__item--node-readmore a {
  background-color: var(--verid-color-accent);
  color: #fff;
}

.links .links__item--node-readmore a:hover {
  background-color: var(--verid-color-accent-hover);
  color: #fff;
}

/* Default secondary links */
.links .links__item a:not([class*='primary']) {
  background-color: var(--verid-color-surface);
  color: var(--verid-color-text-secondary);
  border: 1px solid var(--verid-color-border);
}

.links .links__item a:not([class*='primary']):hover {
  background-color: var(--verid-color-surface-2);
  color: var(--verid-color-text);
}