/* Self-hosted icons and normal links: no social embeds, pixels or SDKs. */
html body .bookball-social { min-width: 0; width: 100%; }
html body .bookball-social-heading { margin: 0 0 12px; color: inherit; font-size: 13px; font-weight: 700; line-height: 1.5; }
html body .bookball-social-list { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
html body .bookball-social-link { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; padding: 10px 15px; border: 1px solid #ccd9d2; border-radius: 12px; background: #fff; color: #173b2d; font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none; }
html body .bookball-social-link svg { width: 24px; height: 24px; flex-shrink: 0; }
html body .bookball-social-youtube svg { color: #d71920; }
html body .bookball-social-link:hover { border-color: #198754; background: #edf8f1; color: #105435; }
html body .bookball-social-link:focus-visible { outline: 3px solid #198754; outline-offset: 4px; }
html body .bookball-social-arrow { font-size: 17px; font-weight: 400; }
html body .public-footer .bookball-social { margin-top: 8px; }
html body .showcase-social { margin-top: 24px; padding: 22px 24px; background: #f2f7f4; border: 1px solid #d6e3da; border-radius: 18px; }
@media (max-width: 420px) {
  html body .showcase-social { padding: 18px; }
  html body .bookball-social-link { padding-inline: 12px; }
}