/*
 * V9.501 — Audit grafico/UX finale
 * Guardrail di contrasto e responsive caricati per ultimi.
 * Non introduce nuove funzioni e non cambia l'ordine dei feed.
 */

/* 1) Statistiche Premium: segmented control coerente col tema. */
html:not([data-slr-theme="dark"]) body.slr-analytics-page .slr-analytics-content-tabs a.is-active,
html[data-slr-theme="light"] body.slr-analytics-page .slr-analytics-content-tabs a.is-active{
  background:#fff!important;
  color:#9f1239!important;
  -webkit-text-fill-color:#9f1239!important;
  box-shadow:inset 0 0 0 2px #9f1239,0 1px 3px rgba(15,20,25,.08)!important;
}
html[data-slr-theme="dark"] body.slr-analytics-page .slr-analytics-content-tabs a.is-active{
  background:#f4ba00!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  box-shadow:none!important;
}
body.slr-analytics-page .slr-analytics-content-tabs a.is-active *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

/* Evita che il titolo del pannello e i filtri si pestino su viewport intermedi. */
body.slr-analytics-page .slr-analytics-top-content>header{
  flex-wrap:wrap;
}
body.slr-analytics-page .slr-analytics-top-content>header>div{
  min-width:0;
  flex:1 1 300px;
}
body.slr-analytics-page .slr-analytics-top-content>header h2{
  overflow-wrap:anywhere;
}
body.slr-analytics-page .slr-analytics-content-tabs{
  flex:0 0 auto;
  max-width:100%;
}

/* 2) Guardrail comuni per flex/grid: i testi lunghi non devono allargare la colonna centrale. */
body.slr-home-social :is(
  .slr-social-center,
  .slr-social-post-card,
  .slr-community-post,
  .slr-social-notification-row,
  .slr-fan-club-feed-card,
  .slr-fan-club-shared-card,
  .slr-digest-post-card,
  .slr-digest-news-card,
  .slr-list-member-manage article,
  .slr-list-candidates article,
  .slr-squad-social-member
),
body.slr-home-social :is(
  .slr-social-post-card,
  .slr-community-post,
  .slr-social-notification-row,
  .slr-fan-club-feed-card,
  .slr-fan-club-shared-card,
  .slr-digest-post-card,
  .slr-digest-news-card,
  .slr-squad-social-member
)>*{
  min-width:0;
}

body.slr-home-social :is(
  .slr-social-post-author-name,
  .slr-social-notification-copy,
  .slr-fan-club-card-title,
  .slr-fan-club-profile-name,
  .slr-fan-club-shared-name,
  .slr-social-explore-fan-club-name,
  .slr-digest-post-author strong,
  .slr-digest-news-copy strong
){
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Media embedded: mai oltre la card/viewport. */
body.slr-home-social :is(img,video,iframe,blockquote){max-width:100%}
body.slr-home-social :is(.slr-composer-link-preview,.slr-social-tiktok-post-embed){max-width:100%;min-width:0}

/* 3) Bottoni con stato selezionato: testo sempre ereditato anche su Safari/iOS. */
body.slr-home-social :is(button,a)[aria-pressed="true"] *,
body.slr-home-social :is(button,a)[aria-selected="true"] *,
body.slr-home-social :is(button,a)[aria-current="page"] *{
  -webkit-text-fill-color:inherit;
}

/* 4) Popup e dialog: niente contenuto fuori schermo su mobile. */
@media (max-width:760px){
  body.slr-home-social :is(dialog,[role="dialog"],.slr-fan-club-edit-dialog,.slr-fan-club-people-dialog,.slr-pwa-install-sheet){
    max-width:calc(100vw - 20px);
    max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }

  body.slr-analytics-page .slr-analytics-top-content>header{
    align-items:flex-start;
  }
  body.slr-analytics-page .slr-analytics-content-tabs{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  body.slr-analytics-page .slr-analytics-content-tabs a{
    min-width:0;
    padding-inline:8px;
  }

  /* Protegge le righe analytics da overflow con numeri/titoli lunghi. */
  body.slr-analytics-page .slr-analytics-content-list>a{
    grid-template-columns:34px minmax(0,1fr);
  }
  body.slr-analytics-page .slr-analytics-content-numbers{
    grid-column:2;
    justify-content:flex-start;
    text-align:left;
    flex-wrap:wrap;
  }

  /* Bottom navigation: safe-area e nessuna espansione orizzontale accidentale. */
  body.slr-home-social>nav.slr-social-mobile-nav{
    max-width:100vw;
    padding-bottom:max(8px,env(safe-area-inset-bottom));
  }
}

/* 5) Focus visibile uniforme senza alterare gli hover esistenti. */
body.slr-home-social :is(a,button,input,textarea,select):focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
}

/* Evita che outline/box-shadow modifichino le dimensioni dei segmented control. */
body.slr-analytics-page .slr-analytics-content-tabs a:focus-visible{
  outline:2px solid #9f1239;
  outline-offset:2px;
}
html[data-slr-theme="dark"] body.slr-analytics-page .slr-analytics-content-tabs a:focus-visible{
  outline-color:#f4ba00;
}