/* WorldCupLive.Ph v2.66 Official 100% Full-Width Standard
   Hard global override for every public/admin page, section, row, column, card shell, header, menu and footer. */
:root{
  --wcl-full-x:clamp(12px,2.4vw,44px);
  --wcl-full-y:clamp(26px,4vw,64px);
}
html,body{width:100%!important;max-width:100%!important;margin:0!important;overflow-x:hidden!important;}
*,*::before,*::after{box-sizing:border-box!important;}

/* Break every page shell out to true viewport width */
body > header,
body > main,
body > footer,
.site-header,
.site-footer,
main,
#main,
.site,
#page,
.site-content,
.site-main,
.wp-site-blocks,
.entry-content,
.page-content,
.post-content,
.wcl-page,
.wcl-shell,
.wcl-main,
.wcl-admin-page,
.admin-page{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Official full-width containers */
.wrap,
.container,
.site-container,
.ast-container,
.wcl-container,
.wcl-global-container,
.page-wrap,
.page-shell,
.content-hub,
.article-wrap,
.wcl-content-shell,
.wcl-archive,
.wcl-archive-shell,
.wcl-single,
.wcl-single-shell,
.admin-shell,
.admin-container,
.manager-shell,
.manager-container,
main > section,
main > .section,
section.wrap,
.hero.wrap,
.section.wrap,
.footer .wrap,
.footer-grid,
.copyright{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:var(--wcl-full-x)!important;
  padding-right:var(--wcl-full-x)!important;
}

/* Header and menus must follow the same width as homepage */
.site-header .nav,
header .nav,
.nav,
.wcl-header-inner,
.wcl-nav,
.wcl-nav-inner,
.main-menu,
.actions,
.mega,
.mega-menu,
.dropdown-menu,
.mobile-panel,
.wcl-mobile-drawer{
  max-width:none!important;
}
.site-header .nav,
header .nav,
.nav{
  width:100%!important;
  margin:0!important;
  padding-left:var(--wcl-full-x)!important;
  padding-right:var(--wcl-full-x)!important;
}
.mega,
.mega-menu,
.dropdown-menu{
  width:min(100vw - (var(--wcl-full-x) * 2), 1440px)!important;
}

/* Section internals should use all available page width */
.hero-grid,
.section-head,
.grid,
.grid-4,
.cards-grid,
.match-grid,
.records-grid,
.quick-link-grid,
.steps-grid,
.content-grid,
.lead-card,
.detail,
.lineups,
.cta-band,
.card,
.wcl-card,
.panel,
.wcl-panel,
.admin-panel,
.admin-section,
.manager-panel,
.editor-panel,
.library-card,
.table-wrap,
.wcl-table-wrap,
.data-table-wrap,
.match-table-wrap,
.wcl-data-panel{
  width:100%!important;
  max-width:none!important;
}

/* Text/article pages: canvas is full-width; paragraphs remain comfortable but left aligned within the full canvas */
.article-body,
.wcl-article-body,
.wcl-post-content,
.wcl-single-content{
  width:100%!important;
  max-width:none!important;
}
.article-body > p,
.article-body > h2,
.article-body > h3,
.article-body > ul,
.article-body > ol,
.wcl-article-body > p,
.wcl-article-body > h2,
.wcl-article-body > h3,
.wcl-article-body > ul,
.wcl-article-body > ol,
.wcl-post-content > p,
.wcl-post-content > h2,
.wcl-post-content > h3,
.wcl-single-content > p,
.wcl-single-content > h2,
.wcl-single-content > h3{
  max-width:none!important;
}

/* Footer full-width from edge to edge */
.footer,
.site-footer,
.wcl-footer{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}
.footer .wrap,
.footer-grid,
.wcl-footer-inner{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

/* Embeds, iframes, videos and widgets always fill available full-width containers */
iframe,
embed,
object,
video,
.wcl-embed,
.wcl-iframe,
.wcl-video-frame,
.wcl-embed-wrap,
.wcl-iframe-wrap,
.wcl-video-wrap,
.wcl-scorebat-wrap,
.wcl-home-stream-embed,
.wcl-stream-shell,
.wcl-matchview-embed-section,
.wcl-matchview-embed-shell,
.wcl-live-scores-embed,
.wcl-live-scores-container,
._scorebatEmbeddedPlayer_,
.wcl-scorebat-livescore,
.wcl-scorebat-videofeed,
.wcl-matchview-iframe{
  width:100%!important;
  max-width:100%!important;
}
iframe,
embed,
object,
video{
  display:block!important;
}

/* Images/covers: full container width while preserving whole image when needed */
img,
.card img,
.wcl-card img,
.article-card img,
.sports-card img,
.blog-card img,
.lead-card img,
.wcl-cover,
.wcl-card-cover,
.wcl-featured-cover,
.article-cover{
  max-width:100%!important;
}
.card img,
.wcl-card img,
.article-card img,
.sports-card img,
.blog-card img,
.lead-card img,
.wcl-cover,
.wcl-card-cover,
.wcl-featured-cover,
.article-cover{
  width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* Admin managers also use the same full-width page standard */
body.admin,
.admin-main,
.admin-tools,
.admin-grid,
.wcl-manager-page,
.wcl-admin-shell,
.admin-card,
.editor-card,
.manager-card{
  width:100%!important;
  max-width:none!important;
}

@media(max-width:900px){
  :root{--wcl-full-x:16px;--wcl-full-y:36px;}
  .wrap,.container,.site-container,.ast-container,.wcl-container,.content-hub,.article-wrap,.page-wrap,.page-shell,main > section,main > .section,section.wrap,.hero.wrap,.section.wrap,.footer .wrap{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .mega,.mega-menu,.dropdown-menu{width:calc(100vw - 32px)!important;}
}
@media(max-width:520px){
  :root{--wcl-full-x:12px;}
  .wrap,.container,.site-container,.ast-container,.wcl-container,.content-hub,.article-wrap,.page-wrap,.page-shell,main > section,main > .section,section.wrap,.hero.wrap,.section.wrap,.footer .wrap{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}