/* StileJuventus V9.418 — Home mobile definitiva.
 * - impedisce al documento di creare un secondo viewport orizzontale;
 * - aggancia la barra inferiore ai bordi reali del viewport;
 * - elimina in modo definitivo ogni fondino giallo dalla voce attiva.
 */

@media (max-width:760px){
  html[data-slr-theme],
  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
  }

  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page{
    position:relative!important;
    margin:0!important;
    padding-right:0!important;
    padding-left:0!important;
  }

  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page > main#contenuto,
  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page main#contenuto > .slr-social-home,
  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page .slr-social-feed-column,
  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page .slr-social-feed,
  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page .slr-social-feed-panel{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
    overflow-x:hidden!important;
  }

  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page :is(
    .slr-social-feed-header,
    .slr-social-home-tabs-header,
    .slr-home-inline-composer,
    .slr-home-inline-composer-main,
    .slr-home-inline-text-shell,
    .slr-social-post,
    .slr-social-post-content,
    .slr-social-post-body,
    .slr-social-post-media,
    .slr-social-post-actions,
    .slr-social-match-pulse,
    .slr-social-match-pulse-card,
    .slr-social-player-module,
    .slr-social-community-preview,
    .slr-social-inline-follow,
    .slr-social-feed-module,
    .slr-social-autoload,
    .slr-fan-club-home-mobile-module,
    .slr-fan-club-nearby-widget,
    .slr-fan-club-nearby-map,
    .slr-ad-slot,
    [data-feed-module],
    [data-social-article],
    [data-social-post]
  ){
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }

  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page :is(
    img,
    picture,
    video,
    iframe,
    blockquote,
    ins.adsbygoogle,
    .slr-social-embed,
    .slr-social-embed-shell,
    .slr-social-external-embed
  ){
    box-sizing:border-box!important;
    max-width:100%!important;
  }

  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page .slr-mobile-overflow-guarded{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* Non usare 100vw: con viewport mobili, scrollbar e safe-area può creare
     una superficie più larga del documento. left+right=0 segue il viewport
     reale e non partecipa mai allo scroll orizzontale. */
  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page > nav.slr-social-mobile-nav{
    position:fixed!important;
    z-index:1000!important;
    top:auto!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    inset-inline:0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:calc(62px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-columns:unset!important;
    grid-auto-flow:row!important;
    align-items:stretch!important;
    gap:0!important;
    transform:none!important;
    translate:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    contain:layout paint!important;
  }

  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page > nav.slr-social-mobile-nav > :is(a,button){
    grid-column:auto!important;
    grid-row:1!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:62px!important;
    margin:0!important;
    padding:4px 1px 3px!important;
    display:grid!important;
    grid-template-rows:25px 13px!important;
    place-items:center!important;
    align-content:center!important;
    justify-content:stretch!important;
    gap:3px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page > nav.slr-social-mobile-nav > :is(a,button):is(
    :link,
    :visited,
    :hover,
    :active,
    :focus,
    :focus-visible,
    .is-active,
    [aria-current="page"],
    [aria-selected="true"]
  ){
    border:0!important;
    border-color:transparent!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
  }

  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page > nav.slr-social-mobile-nav > :is(a,button)::before,
  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page > nav.slr-social-mobile-nav > :is(a,button)::after{
    content:none!important;
    display:none!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page > nav.slr-social-mobile-nav > :is(a,button) > span{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-align:center!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page > nav.slr-social-mobile-nav > :is(a,button) svg,
  html[data-slr-theme] body.slr-site.slr-home-social.slr-home-page > nav.slr-social-mobile-nav > :is(a,button) svg :is(path,circle,rect,line,polyline,polygon){
    background:none!important;
    fill:none!important;
  }

  html[data-slr-theme="light"] body.slr-site.slr-home-social.slr-home-page > nav.slr-social-mobile-nav > :is(a,button):is(.is-active,[aria-current="page"],[aria-selected="true"]),
  html[data-slr-theme="light"] body.slr-site.slr-home-social.slr-home-page > nav.slr-social-mobile-nav > :is(a,button):is(.is-active,[aria-current="page"],[aria-selected="true"]) :is(span,svg){
    color:#980b35!important;
    stroke:#980b35!important;
    -webkit-text-fill-color:#980b35!important;
  }

  html[data-slr-theme="dark"] body.slr-site.slr-home-social.slr-home-page > nav.slr-social-mobile-nav > :is(a,button):is(.is-active,[aria-current="page"],[aria-selected="true"]),
  html[data-slr-theme="dark"] body.slr-site.slr-home-social.slr-home-page > nav.slr-social-mobile-nav > :is(a,button):is(.is-active,[aria-current="page"],[aria-selected="true"]) :is(span,svg){
    color:#f0b51d!important;
    stroke:#f0b51d!important;
    -webkit-text-fill-color:#f0b51d!important;
  }
}
