/* StileJuventus V9.416 — Home mobile contenuta nel viewport e barra inferiore
 * senza fondi colorati. Caricato per ultimo per neutralizzare le regole legacy. */

@media (max-width:760px){
  /* La Home reale usa le classi slr-home-social + slr-home-page. Le vecchie
     correzioni puntavano a una classe non presente e quindi non intervenivano. */
  html,
  body.slr-site.slr-home-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
  }

  @supports (overflow:clip){
    html,
    body.slr-site.slr-home-page{
      overflow-x:clip!important;
    }
  }

  body.slr-site.slr-home-page,
  body.slr-site.slr-home-page > main#contenuto,
  body.slr-site.slr-home-page .slr-social-home,
  body.slr-site.slr-home-page .slr-social-feed-column,
  body.slr-site.slr-home-page .slr-social-feed,
  body.slr-site.slr-home-page .slr-social-feed-panel{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-inline:0!important;
  }

  body.slr-site.slr-home-page > main#contenuto,
  body.slr-site.slr-home-page .slr-social-home,
  body.slr-site.slr-home-page .slr-social-feed-column,
  body.slr-site.slr-home-page .slr-social-feed,
  body.slr-site.slr-home-page .slr-social-feed-panel{
    overflow-x:hidden!important;
  }

  @supports (overflow:clip){
    body.slr-site.slr-home-page > main#contenuto,
    body.slr-site.slr-home-page .slr-social-home,
    body.slr-site.slr-home-page .slr-social-feed-column,
    body.slr-site.slr-home-page .slr-social-feed,
    body.slr-site.slr-home-page .slr-social-feed-panel{
      overflow-x:clip!important;
    }
  }

  /* Tutti i blocchi verticali della Home possono restringersi. Le righe nate
     per scorrere orizzontalmente mantengono invece il proprio scroll interno. */
  body.slr-site.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-composer-row,
    .slr-home-inline-composer-tools,
    .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-autoload,
    .slr-fan-club-home-mobile-module,
    .slr-fan-club-nearby-widget,
    .slr-fan-club-nearby-map,
    [data-feed-module],
    [data-social-article],
    [data-social-post]
  ){
    box-sizing:border-box!important;
    width:auto;
    max-width:100%!important;
    min-width:0!important;
  }

  body.slr-site.slr-home-page :is(
    .slr-social-post-media img,
    .slr-social-post-media picture,
    .slr-social-post-media video,
    .slr-social-post-media iframe,
    .slr-social-embed,
    .slr-social-embed-shell,
    .slr-social-external-embed,
    .slr-ad-slot,
    ins.adsbygoogle
  ){
    box-sizing:border-box!important;
    max-width:100%!important;
  }

  /* MapLibre crea canvas con dimensioni inline: devono restare confinati nel
     modulo Fan Club della Home e non allargare il documento. */
  body.slr-site.slr-home-page .slr-fan-club-home-mobile-module,
  body.slr-site.slr-home-page .slr-fan-club-nearby-widget,
  body.slr-site.slr-home-page .slr-fan-club-nearby-map,
  body.slr-site.slr-home-page .maplibregl-map,
  body.slr-site.slr-home-page .maplibregl-canvas-container{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  body.slr-site.slr-home-page .maplibregl-canvas{
    max-width:none!important;
  }

  body.slr-site.slr-home-page :is(
    .slr-social-player-strip,
    .slr-social-inline-follow-track,
    .slr-home-inline-gif-results
  ){
    max-width:100%!important;
    min-width:0!important;
    overscroll-behavior-x:contain;
  }

  /* Barra mobile: nessun giallo di sfondo, neppure negli stati :hover rimasti
     appesi dopo il tap. Il colore editoriale riguarda solo testo e icona. */
  body.slr-site .slr-social-mobile-nav{
    max-width:100%!important;
    overflow:hidden!important;
  }

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

  body.slr-site .slr-social-mobile-nav > :is(a,button)::before,
  body.slr-site .slr-social-mobile-nav > :is(a,button)::after,
  body.slr-site .slr-social-mobile-nav > :is(a,button):hover::before,
  body.slr-site .slr-social-mobile-nav > :is(a,button):hover::after,
  body.slr-site .slr-social-mobile-nav > :is(a,button).is-active::before,
  body.slr-site .slr-social-mobile-nav > :is(a,button).is-active::after{
    content:none!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.slr-site .slr-social-mobile-nav > :is(a,button) svg{
    fill:none!important;
    background:transparent!important;
  }

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