/*
 * Badges, Pills, Tags & Labels
 * Tekvera Initiative Theme
 */

/* ── SDG Badges ──────────────────────────────────────────────────────────── */
.tv-sdg-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.22rem 0.65rem;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--tv-white);
}

/* ── Value tags / pills ───────────────────────────────────────────────────── */
.tv-tag {
  background: var(--tv-green-50);
  border: 1px solid var(--tv-green-100);
  border-radius: var(--tv-radius-full);
  padding: 0.32rem 0.9rem;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--tv-green-700);
  display: inline-block;
  letter-spacing: 0.25px;
}

.tv-tag--amber {
  background: var(--tv-amber-50);
  border-color: var(--tv-amber-100);
  color: var(--tv-amber-600);
}

/* Status badges */
.tv-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.6rem;
  border-radius: var(--tv-radius-sm);
  font-size: var(--tv-text-xs);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.tv-badge--active {
  background: var(--tv-green-50);
  color: var(--tv-green-700);
}
.tv-badge--funded {
  background: var(--tv-amber-50);
  color: var(--tv-amber-600);
}
.tv-badge--pending {
  background: var(--tv-cream);
  color: var(--tv-text-tertiary);
  border: 1px solid var(--tv-border);
}

/* ── Numbered outcome badge ───────────────────────────────────────────────── */
.tv-outcome-num {
  font-family: var(--tv-font-serif);
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--tv-green-600);
  line-height: 1;
  flex-shrink: 0;
  min-width: 2rem;
}