/* ==========================================================
   Uni Pulse Cards CSS
   Shared cards, trust boxes and stat cards.
   ========================================================== */

.card-hts {
  background: #fff;
  border: var(--hts-border);
  border-radius: var(--hts-radius);
  box-shadow: var(--hts-shadow-sm);
}

.card-hts-elevated {
  box-shadow: var(--hts-shadow);
}

.card-hts-soft {
  background: #f7f8fb;
  border: 0;
}

.card-hts-lg {
  border-radius: var(--hts-radius-lg);
  box-shadow: var(--hts-shadow-lg);
}

.card-hts-hover {
  transition: transform .2s ease, box-shadow .2s ease;
}

.card-hts-hover:hover {
  transform: translateY(-3px);
  box-shadow: var(--hts-shadow);
}

.card-hts-body {
  padding: 1.25rem;
}

.card-hts-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: var(--hts-primary-soft);
  color: var(--hts-primary);
  font-size: 1.35rem;
}

.trust-card,
.info-card,
.stat-card {
  background: #fff;
  border-radius: var(--hts-radius);
  box-shadow: var(--hts-shadow-sm);
  border: var(--hts-border);
}

.trust-card {
  display: flex;
  align-items: center;
  gap: .85rem;
  padding: 1rem 1.15rem;
}

.trust-card i {
  color: var(--hts-accent);
  font-size: 1.5rem;
}

.trust-card strong,
.trust-card span {
  display: block;
}

.trust-card span {
  color: #667085;
  font-size: .88rem;
}

.stat-card {
  text-align: center;
  padding: 1.15rem;
}

.stat-card strong {
  display: block;
  color: var(--hts-primary);
  font-size: 1.25rem;
}

.stat-card span {
  display: block;
  color: #667085;
  font-size: .88rem;
}