/* ==========================================================================
 * AI Joshiyar — Shared Social Proof Badge styles
 *
 * Phase C of AI Joshiyar Free Journey v2 (2026-05-15).
 * Used by:
 *   - Homepage hero (under v2 flag)
 *   - Post-Q1 chart/login gate in AI Joshiyar (under v2 flag)
 *
 * The existing in-paywall badge (.ai-joshier-paywall-social-proof) keeps its
 * own selectors and is intentionally untouched. This file styles the shared
 * helper's output (.ai-joshier-social-proof-badge), keeping it subtle on
 * both desktop and mobile.
 * ========================================================================== */
.ai-joshier-social-proof-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: 6px auto 10px;
  padding: 5px 12px;
  background: #f1ecfb;
  color: #5a4a8a;
  border: 1px solid #e3d9f7;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.35;
  text-align: center;
}
.ai-joshier-social-proof-badge__text {
  display: inline-block;
  white-space: normal;
  word-break: break-word;
}

@media (max-width: 480px) {
  .ai-joshier-social-proof-badge {
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 14px;
    margin: 4px auto 8px;
  }
}