/* v15: public profile uses the exact personal profile shell from community.css. */
.profile-btn-follow--following {
  background: var(--active, #262626) !important;
  color: var(--text, #fff) !important;
  border: 1px solid var(--border, #2a2a2a) !important;
}
.profile-btn-follow--following:hover { background: var(--surface-hover, #1f1f1f) !important; }
#heroOnlineDot { display:block; }


/* v18 badge rendering: public profiles use the same badge assets as personal profiles. */
.profile-name {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 5px;
}
.profile-name .verified-check-slot {
  display: inline-block;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.profile-name .verified-check--before { margin-right: 2px; }
.profile-name .verified-check--after { margin-left: 2px; }
.profile-name .verified-check-verify { background-image: url('/static/img/verifed.svg'); }
.profile-name .verified-check-spec { background-image: url('/static/img/spec.svg'); }
.profile-name .verified-check-group { background-image: url('/static/img/creator-verified.svg'); }
.profile-name .verified-check-music { background-image: url('/static/img/music-verifed.svg'); }
.profile-name .verified-check-hi-plus,
.profile-name .verified-check-premium { background-image: url('/static/img/Hi! Plus icon.svg'); }
.profile-name .verified-check-tester { background-image: url('/static/img/Tester Icon.svg'); }
.profile-name .verified-check-scam { background-image: url('/static/img/SCAM-BADGE.svg'); }
.profile-name .verified-check-fake { background-image: url('/static/img/FAKE-BADGE.svg'); }
.profile-name .verified-check-placeholder { display:none !important; }

/* v20 unified profile badge sizing */
.profile-name .verified-check,
.profile-name .verified-check-slot,
.profile-title-row .verified-check,
.profile-title-row .verified-check-slot { width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; background-size:contain !important; background-position:center !important; background-repeat:no-repeat !important; display:inline-block !important; vertical-align:middle !important; }