/* PonyCreators share bar (self-hosted, replaces AddThis) - built by js/share.js */
.sharebar {display:flex;flex-wrap:wrap;align-items:center;gap:6px;position:relative;font-family:'Open Sans', Arial, sans-serif;}
.sharebar-label {font-size:10pt;font-weight:800;color:#9a4cbc;margin-right:2px;}

.sharebar .share-btn {display:inline-flex;align-items:center;justify-content:center;gap:5px;width:32px;height:32px;padding:0;border:0;border-radius:50%;
  color:#ffffff;cursor:pointer;text-decoration:none;box-sizing:border-box;transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;}
.sharebar .share-btn svg {width:16px;height:16px;fill:currentColor;display:block;}
.sharebar .share-btn:hover {transform:translateY(-2px);box-shadow:0 3px 8px rgba(154,76,188,.35);filter:brightness(1.08);}
.sharebar .share-btn:focus-visible {outline:3px solid #cd77f2;outline-offset:2px;}

.sharebar .share-facebook  {background:#1877f2;}
.sharebar .share-x         {background:#000000;}
.sharebar .share-pinterest {background:#e60023;}
.sharebar .share-reddit    {background:#ff4500;}
.sharebar .share-whatsapp  {background:#25d366;}
.sharebar .share-copy      {background:#9a4cbc;}
.sharebar .share-copy svg  {width:20px;height:20px;}

/* Phone/tablet "Share" pill that opens the device's own share sheet */
.sharebar .share-native {width:auto;padding:0 12px 0 10px;border-radius:16px;background:#cd77f2;font:800 10pt 'Open Sans', Arial, sans-serif;}

.sharebar-toast {position:absolute;left:0;top:100%;margin-top:4px;padding:3px 9px;border-radius:10px;background:#9a4cbc;color:#ffffff;
  font-size:9pt;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:5;}
.sharebar.show-toast .sharebar-toast {opacity:1;}

/* The old AddThis slot on the homepage sat in the banner; give the bar room there */
.home .banner .socials {margin-top:6px;}

@media only screen and (max-width:767px){
  .socials {padding-bottom:12px;}
}
@media only screen and (max-width:360px){
  .sharebar {gap:5px;}
  .sharebar .share-btn {width:30px;height:30px;}
  .sharebar-label {flex-basis:100%;}
}
@media (prefers-reduced-motion:reduce){
  .sharebar .share-btn {transition:none;}
  .sharebar .share-btn:hover {transform:none;}
}