/* ============================================================
   Badge & Tag Components
   ============================================================ */

.badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: 0.25rem 0.625rem;
  border-radius: var(--radius-full);
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
}

.badge svg {
  width: 12px;
  height: 12px;
}

/* ── Variants ─────────────────────────────────────────────── */
.badge-navy,
.badge-red {
  background-color: var(--navy-100);
  color: var(--navy-700);
}

.badge-sky {
  background-color: var(--sky-100);
  color: var(--sky-700);
}

.badge-slate {
  background-color: var(--slate-100);
  color: var(--slate-700);
}

.badge-amber {
  background-color: var(--amber-100);
  color: var(--amber-600);
}

.badge-green {
  background-color: var(--green-100);
  color: #065F46;
}

.badge-blue {
  background-color: var(--navy-100);
  color: var(--navy-700);
}

/* ── Special: Authorized Partner ─────────────────────────── */
.badge-partner {
  background-color: var(--navy-700);
  color: var(--color-white);
  padding: 0.375rem 0.75rem;
  font-size: var(--text-xs);
  border-radius: var(--radius-sm);
}

/* ── Trust Badges (hero strip) ────────────────────────────── */
.trust-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: rgba(255,255,255,0.75);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}

.trust-badge svg {
  width: 16px;
  height: 16px;
  color: var(--sky-400);
  flex-shrink: 0;
}