/*
 * StileJuventus.com — V9.407 Correzioni finali pre-lancio
 * Loader embed riconoscibile, menu autore corretto, notifiche leggibili,
 * hover Segui stabile e CTA Google dentro il singolo articolo.
 */

/* --------------------------------------------------------------------------
   EMBED: loader compatto con il marchio StileJuventus, senza blocchi deformati.
   -------------------------------------------------------------------------- */
body.slr-site .slr-social-embed.is-social-loading,
body.slr-site .slr-social-x-post-embed.is-social-loading{
  position:relative!important;
  min-height:112px!important;
  max-height:none!important;
  overflow:hidden!important;
  background:transparent!important;
}
body.slr-site .slr-social-embed.is-social-loading::before,
body.slr-site .slr-social-x-post-embed.is-social-loading::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  width:42px!important;
  height:42px!important;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent url("https://stilejuventus.com/wp-content/uploads/2025/09/cropped-juvstil.png") center/contain no-repeat!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  opacity:1!important;
  transform:translate(-50%,-50%);
  transform-origin:center;
  animation:slr-embed-brand-spin .9s linear infinite;
  pointer-events:none!important;
}
body.slr-site .slr-social-embed.is-social-loading :is(iframe,blockquote),
body.slr-site .slr-social-x-post-embed.is-social-loading :is(iframe,blockquote){
  position:relative!important;
  z-index:1!important;
}
@keyframes slr-embed-brand-spin{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

/* --------------------------------------------------------------------------
   NOTIFICHE: la frase dell'azione è testo diretto del contenitore e deve
   mantenere contrasto pieno, distinto dal nome dell'attore e dalla data.
   -------------------------------------------------------------------------- */
body.slr-social-notifications-page .slr-social-notification-copy{
  color:#c7cdd5!important;
  -webkit-text-fill-color:#c7cdd5!important;
  opacity:1!important;
}
body.slr-social-notifications-page .slr-social-notification-copy time{
  color:#818a96!important;
  -webkit-text-fill-color:#818a96!important;
}
body.slr-social-notifications-page .slr-social-notification-copy small{
  color:#9ca4ae!important;
  -webkit-text-fill-color:#9ca4ae!important;
}
html[data-slr-theme="light"] body.slr-social-notifications-page .slr-social-notification-copy{
  color:#5a6876!important;
  -webkit-text-fill-color:#5a6876!important;
}
html[data-slr-theme="light"] body.slr-social-notifications-page .slr-social-notification-copy time{
  color:#596674!important;
  -webkit-text-fill-color:#596674!important;
}
html[data-slr-theme="light"] body.slr-social-notifications-page .slr-social-notification-copy small{
  color:#506071!important;
  -webkit-text-fill-color:#506071!important;
}
html[data-slr-theme="light"] body.slr-social-notifications-page .slr-social-notification-actor-name strong{
  color:#980b35!important;
  -webkit-text-fill-color:#980b35!important;
}

/* --------------------------------------------------------------------------
   ESPLORA / PERSONE: il testo di Segui non cambia mai contrasto in hover,
   focus, caricamento o stato già seguito nel tema Giorno.
   -------------------------------------------------------------------------- */
html[data-slr-theme="light"] body.slr-social-explore-page .slr-social-explore-person-top button[data-social-follow-user]{
  border-color:#0f1419!important;
  background:#0f1419!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
html[data-slr-theme="light"] body.slr-social-explore-page .slr-social-explore-person-top button[data-social-follow-user] span{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  opacity:1!important;
}
html[data-slr-theme="light"] body.slr-social-explore-page .slr-social-explore-person-top button[data-social-follow-user]:not(.is-following):not(:disabled):is(:hover,:focus-visible){
  border-color:#27343e!important;
  background:#27343e!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-slr-theme="light"] body.slr-social-explore-page .slr-social-explore-person-top button[data-social-follow-user].is-following{
  border-color:#b7c2c9!important;
  background:#fff!important;
  color:#0f1419!important;
  -webkit-text-fill-color:#0f1419!important;
}
html[data-slr-theme="light"] body.slr-social-explore-page .slr-social-explore-person-top button[data-social-follow-user].is-following:is(:hover,:focus-visible){
  border-color:#98a6af!important;
  background:#eef2f4!important;
  color:#0f1419!important;
  -webkit-text-fill-color:#0f1419!important;
}
html[data-slr-theme="light"] body.slr-social-explore-page .slr-social-explore-person-top button[data-social-follow-user]:disabled{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:.74!important;
}

/* --------------------------------------------------------------------------
   SINGOLO ARTICOLO: invito neutro e riconoscibile per aggiungere la fonte
   StileJuventus alle preferenze Google, sempre aperto in una nuova scheda.
   -------------------------------------------------------------------------- */
body.slr-social-article-page .slr-google-source-follow{
  display:flex;
  justify-content:center;
  width:100%;
  margin:26px 0 30px;
  padding:0 18px;
}
body.slr-social-article-page .slr-google-source-follow>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:46px;
  max-width:100%;
  padding:9px 20px;
  border:1px solid #3b424a;
  border-radius:999px;
  background:#111417;
  color:#f5f6f7!important;
  -webkit-text-fill-color:#f5f6f7!important;
  text-decoration:none!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
body.slr-social-article-page .slr-google-source-follow>a>span{
  display:grid;
  place-items:center;
  flex:0 0 23px;
  width:23px;
  height:23px;
  border-radius:50%;
  background:#f5f6f7;
  color:#111417!important;
  -webkit-text-fill-color:#111417!important;
  font-size:17px;
  font-weight:900;
  line-height:1;
}
body.slr-social-article-page .slr-google-source-follow>a>strong{
  overflow-wrap:anywhere;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:14px;
  font-weight:750;
  line-height:1.2;
}
body.slr-social-article-page .slr-google-source-follow>a:is(:hover,:focus-visible){
  border-color:#5b646d;
  background:#1b1f23;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  transform:translateY(-1px);
}
html[data-slr-theme="light"] body.slr-social-article-page .slr-google-source-follow>a{
  border-color:#cfd6dc;
  background:#fff;
  color:#111318!important;
  -webkit-text-fill-color:#111318!important;
  box-shadow:0 1px 2px rgba(15,20,25,.04);
}
html[data-slr-theme="light"] body.slr-social-article-page .slr-google-source-follow>a>span{
  background:#111318;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-slr-theme="light"] body.slr-social-article-page .slr-google-source-follow>a:is(:hover,:focus-visible){
  border-color:#aeb8c0;
  background:#f4f6f7;
  color:#111318!important;
  -webkit-text-fill-color:#111318!important;
}

@media(max-width:560px){
  body.slr-site .slr-social-embed.is-social-loading,
  body.slr-site .slr-social-x-post-embed.is-social-loading{
    min-height:96px!important;
  }
  body.slr-site .slr-social-embed.is-social-loading::before,
  body.slr-site .slr-social-x-post-embed.is-social-loading::before{
    width:36px!important;
    height:36px!important;
  }
  body.slr-social-article-page .slr-google-source-follow{
    margin-block:22px 26px;
    padding-inline:12px;
  }
  body.slr-social-article-page .slr-google-source-follow>a{
    width:100%;
    padding-inline:15px;
  }
  body.slr-social-article-page .slr-google-source-follow>a>strong{
    font-size:13px;
  }
}

@media(prefers-reduced-motion:reduce){
  body.slr-site .slr-social-embed.is-social-loading::before,
  body.slr-site .slr-social-x-post-embed.is-social-loading::before{
    animation:slr-embed-brand-pulse 1.15s ease-in-out infinite;
  }
  body.slr-social-article-page .slr-google-source-follow>a{
    transition:none;
  }
  body.slr-social-article-page .slr-google-source-follow>a:is(:hover,:focus-visible){
    transform:none;
  }
}
@keyframes slr-embed-brand-pulse{
  0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.94)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1)}
}