/*
 * V9.505 — Audit mobile reale
 * Correzioni conservative per safe-area iPhone, bottom navigation e composer/modali.
 * Nessun redesign, nessuna modifica a ranking/feed o logica applicativa.
 */

@media (max-width:760px){
  /*
   * Il sito usa viewport-fit=cover: il contenuto social deve iniziare sotto il notch,
   * mentre gli elementi sticky devono fermarsi sotto la stessa safe-area.
   * Auth e Wolf AI restano esclusi perché hanno layout full-screen dedicati.
   */
  body.slr-site.slr-home-social:not(.slr-social-auth-page):not(.slr-ai-page)>main#contenuto{
    padding-top:env(safe-area-inset-top,0px);
  }

  body.slr-site.slr-home-social :is(
    .slr-social-feed-header,
    .slr-social-content-topbar,
    .slr-author-profile-topbar,
    .slr-social-explore-header,
    .slr-social-notifications-header,
    .slr-market-topbar,
    .slr-social-following-header,
    .slr-news-topbar,
    .slr-fan-club-page-header,
    .slr-fan-club-profile-tabs,
    .slr-community-single-header,
    .slr-match-mobile-tabs
  ){
    top:env(safe-area-inset-top,0px)!important;
  }

  /*
   * Bottom navigation: i 62px restano interamente disponibili alle 5 icone.
   * La home indicator area viene aggiunta sotto, non sottratta ai pulsanti.
   */
  body.slr-site.slr-home-social:not(.slr-social-auth-page){
    padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important;
  }
  body.slr-site.slr-home-social.slr-social-auth-page{
    padding-bottom:0!important;
  }
  body.slr-site.slr-home-social.slr-social-auth-page .slr-social-auth-panel{
    padding-bottom:calc(42px + env(safe-area-inset-bottom,0px))!important;
  }
  body.slr-site.slr-home-social>nav.slr-social-mobile-nav{
    left:0!important;
    right:0!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:calc(62px + env(safe-area-inset-bottom,0px))!important;
    padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    box-sizing:border-box!important;
    overflow:hidden;
    transform:none!important;
  }
  body.slr-site.slr-home-social>nav.slr-social-mobile-nav>:is(a,button){
    width:auto!important;
    min-width:0!important;
    height:62px;
    min-height:62px;
    overflow:hidden;
  }
  body.slr-site.slr-home-social>nav.slr-social-mobile-nav>:is(a,button)>span{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* Il FAB del composer mantiene il distacco reale dalla barra anche su iPhone. */
  body.slr-site.slr-home-social .slr-social-mobile-compose{
    right:max(18px,env(safe-area-inset-right,0px));
    bottom:calc(78px + env(safe-area-inset-bottom,0px));
  }

  /* Composer post full-screen: header fuori dal notch, footer già safe-area aware. */
  .slr-post-composer-modal.is-open{
    top:var(--slr-mobile-vv-top,0px)!important;
    bottom:auto!important;
    height:var(--slr-mobile-vv-height,100dvh)!important;
    max-height:var(--slr-mobile-vv-height,100dvh)!important;
  }
  .slr-post-composer-dialog{
    min-height:var(--slr-mobile-vv-height,100dvh)!important;
    max-height:var(--slr-mobile-vv-height,100dvh)!important;
  }
  .slr-post-composer-header{
    min-height:calc(56px + env(safe-area-inset-top,0px))!important;
    padding-top:calc(6px + env(safe-area-inset-top,0px))!important;
  }
  .slr-post-composer-toast{
    bottom:calc(78px + env(safe-area-inset-bottom,0px));
  }

  /*
   * Popup commenti: la regola specifica precedente usava 100dvh - 32px e
   * ignorava le safe-area reali. La nuova altezza coincide con il padding del modal.
   */
  .slr-comment-modal.is-open{
    top:var(--slr-mobile-vv-top,0px)!important;
    bottom:auto!important;
    height:var(--slr-mobile-vv-height,100dvh)!important;
    max-height:var(--slr-mobile-vv-height,100dvh)!important;
  }
  .slr-comment-modal-dialog{
    max-height:calc(var(--slr-mobile-vv-height,100dvh) - max(16px,env(safe-area-inset-top,0px)) - max(16px,env(safe-area-inset-bottom,0px)))!important;
    overscroll-behavior:contain;
  }

  /* Modifica profilo: su mobile è full-screen, quindi anche il suo header evita il notch. */
  body.slr-author-social-page .slr-author-edit-header{
    min-height:calc(56px + env(safe-area-inset-top,0px));
    padding-top:env(safe-area-inset-top,0px);
  }
  body.slr-author-social-page .slr-author-edit-fields{
    padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));
  }
}