/* — Horizontal Creator Cards — */
.um-members-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px,1fr)) !important;
  gap: 20px !important;
}

.card-horizontal {
  display: flex;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: transform .2s, box-shadow .2s;
}
.card-horizontal:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

.card-avatar {
  flex: 0 0 120px;
}
.card-avatar img {
  width: 120px; height: 120px;
  object-fit: cover;
}

.card-info {
  flex: 1;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
}

.badge {
  background: #000;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: .9em;
  font-weight: 600;
  margin-bottom: 8px;
}
.name-badge { font-size: 1em; }
.niche-badge { margin-top: 4px; }
.promo-title { margin-top: 8px; }

.promo-items { margin: 4px 0 12px; display: flex; flex-wrap: wrap; gap: 6px; }
.promo-item {
  color: #2ecc71;
  font-weight: 700;
  font-size: .9em;
}

.action-icons {
  margin-top: auto;
  display: flex;
  gap: 12px;
}
.action-icons a {
  color: #777;
  font-size: 1.2em;
  transition: color .2s;
}
.action-icons a:hover { color: #000; }

/* Brand colours */
.action-icons a:hover .fa-instagram { color: #E1306C; }
.action-icons a:hover .fa-tiktok   { color: #69C9D0; }
.action-icons a:hover .fa-x        { color: #1DA1F2; }
.action-icons a:hover .fa-facebook-f { color: #1877F2; }