/* Mobile app navigation and lightweight destination screens. */
.mgt-mobile-nav{display:none}.mgt-mobile-screen{width:min(100% - 24px,760px);margin:18px auto 36px;color:var(--header-color)}.mgt-mobile-screen-head{padding:10px 4px 20px}.mgt-mobile-screen-head h1{margin:0;font-size:30px;line-height:1.35}.mgt-mobile-empty{margin:0;padding:38px 16px;text-align:center;opacity:.7}.mgt-news-feed{display:grid;gap:4px}.mgt-news-feed-item a{display:grid;grid-template-columns:132px minmax(0,1fr);gap:13px;align-items:center;padding:13px 0;color:inherit;border-bottom:1px solid var(--gray-2)}.mgt-news-feed-item img{width:132px;height:82px;border-radius:10px;display:block;object-fit:cover}.mgt-news-feed-copy{min-width:0;display:grid;gap:7px}.mgt-news-feed-copy h2{margin:0;font-size:16px;line-height:1.65;font-weight:600}.mgt-news-feed-copy time{font-size:12px;opacity:.65}.mgt-news-feed-item.is-leading a{grid-template-columns:1fr;padding-top:0}.mgt-news-feed-item.is-leading img{width:100%;height:auto;aspect-ratio:16/9;border-radius:16px}.mgt-news-feed-item.is-leading .mgt-news-feed-copy{padding:3px 2px 10px}.mgt-news-feed-item.is-leading h2{font-size:20px;line-height:1.7}.mgt-competitions-list{display:grid;padding:10px 16px;border-radius:18px;background:var(--light-color);box-shadow:0 2px 12px var(--theme-shadow)}.mgt-competitions-list a{min-height:68px;display:flex;align-items:center;gap:15px;padding:9px 4px;border-bottom:1px solid var(--gray-2);color:inherit;font-size:17px}.mgt-competitions-list a:last-child{border-bottom:0}.mgt-competitions-list img{width:42px;height:42px;flex:0 0 42px;object-fit:contain}.mgt-more-list{display:grid;border-radius:18px;overflow:hidden;background:var(--light-color);box-shadow:0 2px 12px var(--theme-shadow)}.mgt-more-list a{min-height:64px;padding:10px 18px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--gray-2);color:inherit;font-size:17px}.mgt-more-list a:last-child{border-bottom:0}.mgt-more-list svg{width:25px;height:25px;flex:0 0 25px}.mgt-more-social{margin-top:18px;padding:17px;border-radius:18px;background:var(--light-color);box-shadow:0 2px 12px var(--theme-shadow)}.mgt-more-social h2{margin:0 0 14px;font-size:19px}.mgt-more-social>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mgt-more-social a{min-height:48px;padding:8px 11px;display:flex;align-items:center;gap:10px;border-radius:10px;background:var(--gray-1);color:inherit}.mgt-more-social svg{width:22px;height:22px}
@media(max-width:768px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.site-footer{margin-bottom:0}.mgt-mobile-nav{position:fixed;z-index:9999;right:0;bottom:0;left:0;display:block;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--gray-2);background:color-mix(in srgb,var(--dark-color) 96%,transparent);box-shadow:0 -5px 18px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.mgt-mobile-nav-inner{height:72px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.mgt-mobile-nav-item{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#a6aab0;font-size:12px;line-height:1.2}.mgt-mobile-nav-item svg{width:27px;height:27px}.mgt-mobile-nav-item.is-active{color:#54df7a}.mgt-mobile-screen{width:calc(100% - 12px);margin-top:10px}.mgt-mobile-screen-head{padding:9px 7px 18px}.mgt-mobile-screen-head h1{font-size:27px}.mgt-news-feed-item a{grid-template-columns:38% minmax(0,1fr);gap:11px}.mgt-news-feed-item img{width:100%;height:auto;aspect-ratio:16/10}.mgt-news-feed-copy h2{font-size:clamp(14px,4vw,17px)}.mgt-news-feed-item.is-leading h2{font-size:clamp(18px,5vw,21px)}.container,.mg-championships{width:calc(100% - 8px)!important}.AY_Block{border-radius:14px}.AYb_Head h2,.mg-best-leagues h2,.mg-champ-news h2{font-size:18px!important}.gr-info h2,.gr-info h3{font-size:16px!important}.mg-schedule-match{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:5px;padding-inline:8px}.mg-team{min-width:0;gap:6px}.mg-team strong{min-width:0;max-width:100%;font-size:13.5px!important;line-height:1.35;overflow-wrap:anywhere}.mg-team.home strong{padding-inline-end:18px}.mg-team img{width:35px;height:35px;flex:0 0 35px}}

/* 1.4.18: FotMob-like mobile spacing, balanced teams and app-style tabs. */
@media(max-width:768px){
  .site-footer{display:none!important}
  .mgt-mobile-nav{background:rgba(255,255,255,.97);border-color:#e4e8ee;color:#5e6672}
  html[data-theme="dark"] .mgt-mobile-nav{background:rgba(24,35,47,.97);border-color:#344354;color:#a6aab0}
  .mgt-mobile-nav-item{color:inherit}
  .mgt-mobile-nav-item.is-active{color:var(--main-color,#16a34a)}
  .mgt-tab-loading #SiteContent{opacity:.55;pointer-events:none}
  #SiteContent.page-shell,.container.page-shell{width:100%!important;max-width:none!important;padding-inline:4px!important}
  .mg-championships{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}
  .mg-championships>.mg-champ-main{width:100%;min-width:0}
  .mg-championships>.mg-champ-sidebar{display:none!important}
  .mg-championships .mg-champ-calendar,.mg-championships .mg-champ-schedule{border-radius:16px}
  .mg-schedule-match,.mg-schedule-match.has-match-status{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)!important;gap:6px!important;padding-inline:42px!important;min-height:62px!important}
  .mg-team,.mg-team.home,.mg-team.away{display:grid!important;align-items:center!important;gap:7px!important;min-width:0!important;overflow:hidden!important}
  .mg-team.home{grid-template-columns:minmax(0,1fr) 28px!important;text-align:left!important}
  .mg-team.away{grid-template-columns:28px minmax(0,1fr)!important;text-align:right!important}
  .mg-team img{width:24px!important;height:24px!important;flex:0 0 24px!important;object-fit:contain}
  .mg-team strong{padding:0!important;font-size:14px!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .mg-league-identity img{width:34px!important;height:34px!important}
  .mgt-competitions-list{padding-inline:10px}
  .mgt-competitions-list img{width:46px!important;height:46px!important;flex-basis:46px!important}
  .mgt-more-footer-menu{display:contents;list-style:none;margin:0;padding:0}
  .mgt-more-footer-menu li{display:contents}
  .mgt-mobile-screen{width:calc(100% - 8px);max-width:none}
}

/* 1.4.21: move the teams closer to the score while reserving the status lane. */
@media(max-width:768px){
  .mg-schedule-match.has-match-status{padding-inline:42px!important}
  .mg-schedule-match.has-match-status .mg-team{min-width:0!important;overflow:hidden!important}
  .mg-schedule-match.has-match-status .mg-team strong{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}

/* 1.4.20: one mobile gutter, slightly smaller team names and compact header logos. */
@media(max-width:768px){
  #SiteContent,#SiteContent.page-shell,.container,.container.page-shell{width:98%!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
  #SiteContent .mg-championships,#SiteContent .mg-championships>.mg-champ-main,#SiteContent .mg-championships .mg-champ-schedule,#SiteContent .mg-championships .mg-schedule-list{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}
  #SiteContent .mg-championships{display:block!important}
  #SiteContent .mg-championships>.mg-champ-main{display:grid!important}
  .mg-schedule-match .mg-team strong{font-size:13px!important}
  .mg-schedule-title .mg-league-identity img,.mg-schedule-title .mg-league-identity picture,.mg-schedule-title .mg-league-identity picture img{width:20px!important;height:20px!important;flex:0 0 20px!important}
}

/* MatchGrid 1.0.1: compact mobile competition index and footer-colour navigation. */
@media(max-width:768px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  #SiteContent{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
  .mgt-mobile-nav,
  html[data-theme="dark"] .mgt-mobile-nav{
    border-color:var(--gray-2);
    background:var(--copy-bg);
    color:var(--copy-color);
    backdrop-filter:none;
  }
  .mgt-mobile-screen-head h1{font-size:23px;line-height:1.35}
  .mgt-competitions-list{padding:6px 12px}
  .mgt-competitions-list a{
    min-height:56px;
    gap:11px;
    padding:7px 3px;
    font-size:15.5px;
    line-height:1.45;
  }
  .mgt-competitions-list img{
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
  }
}

/* MatchGrid 1.0.1: the competition identity becomes the mobile page header. */
@media(max-width:768px){
  body.single-mg_competition #mg-header,
  body:has(#SiteContent .mg-league-page) #mg-header{display:none!important}
  #SiteContent .mg-league-page{
    width:100%!important;
    max-width:none!important;
    margin:0 auto 12px!important;
  }
  #SiteContent .mg-league-header{
    position:sticky;
    z-index:2000;
    top:0;
    padding-top:16px;
    border-radius:0 0 16px 16px;
    box-shadow:0 3px 14px var(--theme-shadow);
  }
  #SiteContent .mg-league-heading h1{font-size:20px}
  #SiteContent .mg-league-header nav a{
    padding:11px 2px;
    overflow:hidden;
    white-space:nowrap;
    overflow-wrap:normal;
    text-overflow:ellipsis;
    font-size:13px;
    line-height:1.35;
  }
  #SiteContent .mg-league-content,
  #SiteContent .mg-overview-grid,
  #SiteContent .mg-league-content>.mg-panel{
    width:100%!important;
    max-width:none!important;
  }
  #SiteContent .mg-panel>h2{font-size:21px}
  #SiteContent .mg-league-page .mg-standings .mg-col-rank{width:6%}
  #SiteContent .mg-league-page .mg-standings .mg-col-team{width:42%}
  #SiteContent .mg-league-page .mg-standings .mg-col-played,
  #SiteContent .mg-league-page .mg-standings .mg-col-won,
  #SiteContent .mg-league-page .mg-standings .mg-col-drawn,
  #SiteContent .mg-league-page .mg-standings .mg-col-lost,
  #SiteContent .mg-league-page .mg-standings .mg-col-gd,
  #SiteContent .mg-league-page .mg-standings .mg-col-points{width:8.666%}
  #SiteContent .mg-league-page .mg-standings th,
  #SiteContent .mg-league-page .mg-standings td{
    height:54px;
    padding:7px 1px;
    font-size:12.5px;
  }
  #SiteContent .mg-league-page .mg-standing-team{gap:5px}
  #SiteContent .mg-league-page .mg-standing-team strong{
    font-size:13px;
    line-height:1.35;
  }
  #SiteContent .mg-league-page .mg-standings th.mg-col-played,
  #SiteContent .mg-league-page .mg-standings th.mg-col-points{font-size:0!important}
  #SiteContent .mg-league-page .mg-standings th.mg-col-played::after,
  #SiteContent .mg-league-page .mg-standings th.mg-col-points::after{
    font-size:12.5px;
    line-height:1;
  }
  #SiteContent .mg-league-page .mg-standings th.mg-col-played::after{content:"ل"}
  #SiteContent .mg-league-page .mg-standings th.mg-col-points::after{content:"ن"}
}