/* V9.497 — aggiornamenti social live senza refresh pagina. */
.slr-live-post-pill{
  position:fixed;
  z-index:1250;
  top:max(78px,calc(env(safe-area-inset-top,0px) + 58px));
  left:50%;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  max-width:min(430px,calc(100vw - 32px));
  padding:8px 18px 8px 12px;
  border:0;
  border-radius:999px;
  background:#1d9bf0;
  color:#fff;
  font:700 16px/1.1 inherit;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
  transform:translateX(-50%);
  cursor:pointer;
  animation:slr-live-pill-in .22s ease-out both;
}
.slr-live-post-pill[hidden]{display:none!important}
.slr-live-post-pill:hover{filter:brightness(.97)}
.slr-live-post-pill:focus-visible{outline:3px solid rgba(29,155,240,.32);outline-offset:3px}
.slr-live-post-arrow{display:grid;place-items:center;width:26px;height:26px;font-size:24px;font-weight:500;line-height:1}
.slr-live-post-avatars{display:flex;align-items:center;min-width:30px}
.slr-live-post-avatar{
  position:relative;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  aspect-ratio:1/1;
  margin-left:-9px;
  overflow:hidden;
  flex:0 0 32px;
  border:2px solid #fff;
  border-radius:50%;
  background:#8e1231;
  color:#fff;
  font-size:12px;
}
.slr-live-post-avatar:first-child{margin-left:0}
.slr-live-post-avatar img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%}
.slr-live-post-pill strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.slr-social-action-count.slr-live-metric-bump,
.slr-comment-action-count.slr-live-metric-bump{
  animation:slr-live-number-bump .48s cubic-bezier(.2,.8,.2,1);
  transform-origin:center;
}
[data-notification-badge].is-live-bump{animation:slr-live-badge-bump .45s ease-out}
[data-notification-live-list].is-live-arrived .slr-social-notification-row:first-child{animation:slr-live-row-in .42s ease-out both}
.slr-live-arriving{opacity:.35;transform:translateY(-9px);transition:opacity .28s ease,transform .28s ease}
.slr-live-arriving.is-live-ready{opacity:1;transform:none}

@keyframes slr-live-pill-in{from{opacity:0;transform:translate(-50%,-10px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes slr-live-number-bump{0%{transform:translateY(0) scale(1)}38%{transform:translateY(-4px) scale(1.16)}100%{transform:translateY(0) scale(1)}}
@keyframes slr-live-badge-bump{0%,100%{transform:scale(1)}45%{transform:scale(1.22)}}
@keyframes slr-live-row-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

@media(max-width:720px){
  .slr-live-post-pill{top:max(66px,calc(env(safe-area-inset-top,0px) + 50px));min-height:48px;padding:7px 15px 7px 10px;font-size:15px;gap:8px}
  .slr-live-post-avatar{width:29px;height:29px;flex-basis:29px;margin-left:-8px}
  .slr-live-post-arrow{width:23px;height:23px;font-size:21px}
}
@media(prefers-reduced-motion:reduce){
  .slr-live-post-pill,.slr-social-action-count.slr-live-metric-bump,.slr-comment-action-count.slr-live-metric-bump,[data-notification-badge].is-live-bump,[data-notification-live-list].is-live-arrived .slr-social-notification-row:first-child{animation:none!important}
  .slr-live-arriving{transition:none!important;transform:none!important;opacity:1!important}
}


/* V9.497 HF1 — il contenuto richiamato dalla pill live resta evidente e gli
   embed TikTok condividono la stessa geometria pulita degli altri social. */
.slr-live-scroll-target{scroll-margin-top:96px}
.slr-live-scroll-target::after{pointer-events:none}
.slr-community-post .slr-social-tiktok-post-embed,
.slr-comment-item .slr-social-tiktok-post-embed,
.slr-composer-link-preview .slr-social-tiktok-post-embed{
  width:100%;
  max-width:605px;
  min-height:82px;
  margin:12px 0 4px;
  overflow:hidden;
  border:1px solid var(--slr-ui-line-soft,rgba(255,255,255,.15));
  border-radius:16px;
  background:var(--slr-ui-surface,#000);
}
.slr-composer-link-preview .slr-social-tiktok-post-embed{margin:0}
.slr-social-tiktok-post-embed .tiktok-embed{max-width:100%!important;min-width:0!important}
@media(max-width:720px){
  .slr-live-scroll-target{scroll-margin-top:82px}
  .slr-community-post .slr-social-tiktok-post-embed,
  .slr-comment-item .slr-social-tiktok-post-embed,
  .slr-composer-link-preview .slr-social-tiktok-post-embed{border-radius:13px}
}