/* =============================================================
   Link Bio — page-specific styles
   Shared body background (body.linkbio) lives in smartsale-main.css
   ============================================================= */

.linkbio-wrap { max-width: 460px; }

.avatar-ring {
  width: 92px; height: 92px;
  border-radius: 9999px;
  padding: 3px;
  background: linear-gradient(135deg, #A06F47, rgba(160,111,71,.2));
}
.avatar-ring img {
  width: 100%; height: 100%;
  border-radius: 9999px;
  object-fit: cover;
  border: 3px solid #171C22;
}

.link-card {
  display: flex;
  align-items: center;
  gap: .9rem;
  width: 100%;
  padding: 1rem 1.1rem;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(160,111,71,.22);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.link-card:hover {
  transform: translateY(-3px);
  border-color: rgba(160,111,71,.55);
  background: rgba(160,111,71,.08);
}
.link-card:active { transform: translateY(0); }

.link-card__icon {
  width: 44px; height: 44px;
  border-radius: 11px;
  background: rgba(160,111,71,.14);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

.link-card--featured {
  border-color: rgba(160,111,71,.55);
  background: linear-gradient(135deg, rgba(160,111,71,.14), rgba(160,111,71,.03));
}

.social-icon {
  width: 42px; height: 42px;
  border-radius: 9999px;
  border: 1px solid rgba(255,255,255,.12);
  display: flex; align-items: center; justify-content: center;
  transition: border-color .2s ease, transform .2s ease;
}
.social-icon:hover { border-color: #A06F47; transform: translateY(-2px); }