/* ActiveFoot public layout harmonized - 20260626 */
:root{
  --af-public-page-max:1180px;
  --af-public-page-gutter:clamp(10px,2vw,18px);
}

main.site-main{
  width:100%!important;
  max-width:none!important;
  padding:18px var(--af-public-page-gutter) 96px!important;
}

main.site-main>.page-tournament,
main.site-main>.page-team,
main.site-main>.page-club,
main.site-main>.page-category,
main.site-main>.page-site,
main.site-main>.page-terrain{
  width:min(100%,var(--af-public-page-max))!important;
  max-width:var(--af-public-page-max)!important;
  margin-inline:auto!important;
}

.page-tournament .page-hero,
.page-tournament #public-content,
.page-tournament .af-tournament-hero,
.page-tournament .af-tournament-home,
.page-tournament .af-public-section-header,
.page-tournament .af-public-rules,
.page-tournament #pub-day-bar,
.page-tournament .stats-row,
.page-tournament .next-match-card,
.page-tournament .timeline,
.page-tournament .groups-grid,
.page-tournament .af-home-kpis,
.page-tournament .af-home-grid,
.page-tournament .af-home-map,
.page-tournament .af-home-actions,
.page-tournament .af-official-partner,
.page-team .page-hero,
.page-team #public-content,
.page-team .af-official-partner,
.page-club .page-hero,
.page-club #public-content,
.page-club .af-official-partner,
.page-category .page-hero,
.page-category #public-content,
.page-site .page-hero,
.page-site #public-content,
.page-terrain .page-hero,
.page-terrain #public-content{
  width:100%!important;
  max-width:var(--af-public-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.page-tournament .tt-tabs-wrap,
.page-tournament .tt-panel,
.page-tournament #tt-panel-planning,
.page-tournament #tt-panel-groupes,
.page-tournament #tt-panel-finale,
.page-tournament #tt-panel-classement,
.page-tournament #tt-panel-stats,
.page-tournament #tt-panel-sites{
  width:100%!important;
  max-width:var(--af-public-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.page-tournament #af-finals-simple-root,
.page-tournament #af-finals-simple-root .af-finals-simple__intro,
.page-tournament #af-finals-simple-root .af-finals-simple__tabs,
.page-tournament #af-finals-simple-root .af-finals-simple__league.is-active,
.page-tournament .af-readable-finals,
.page-tournament .af-readable-finals__intro,
.page-tournament .af-readable-finals__league,
.page-tournament .af-finals-easy-guide,
.page-tournament .af-finals-chooser,
.page-tournament .af-stats-easy-tools,
.page-tournament .afps-section{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
}

.page-tournament #af-finals-simple-root .af-finals-simple__board,
.page-tournament .af-tv-bracket{
  max-width:100%!important;
  overflow-x:auto!important;
}

.site-header{
  min-height:52px!important;
  height:auto!important;
  overflow:visible!important;
}
.site-header .logo img{
  height:44px!important;
  max-height:44px!important;
  width:auto!important;
}

.af-public-more-sheet a,
.af-public-more-sheet button{
  display:block;
  width:100%;
  border:0;
  border-bottom:1px solid #293955;
  padding:13px;
  background:transparent;
  color:#eef4ff;
  font:inherit;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}
.af-public-more-sheet a:last-child,
.af-public-more-sheet button:last-child{border-bottom:0}

@media(max-width:820px){
  main.site-main{
    padding:12px var(--af-public-page-gutter) 108px!important;
  }
  .site-header{
    padding:5px 9px!important;
    gap:8px!important;
  }
  .site-header .logo img{
    height:40px!important;
    max-height:40px!important;
  }
  .site-header .af-social-nav{
    margin-left:auto!important;
    max-width:calc(100vw - 74px)!important;
    gap:6px!important;
    padding:5px 6px!important;
    overflow:visible!important;
  }
  .site-header .af-social-nav-text,
  .site-header .af-social-nav-link span{
    display:none!important;
  }
  .site-header .af-social-nav-link{
    padding:6px!important;
  }
  .site-header .af-social-nav-logo{
    width:24px!important;
    height:24px!important;
  }
  .site-header .af-social-nav-logo img{
    max-width:22px!important;
    max-height:22px!important;
  }
  .af-public-shell{
    top:52px!important;
  }
  .af-public-mobile-nav{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:420px){
  .site-header .af-social-nav-logo{
    display:none!important;
  }
  .site-header .af-social-nav{
    max-width:calc(100vw - 62px)!important;
  }
}