/* WorldCupLive.ph v2.63 Official Global Full-Width System
   Applies to every public page, archive, single page, embed page, and /admin/. */
:root{
  --wcl-page-max: none;
  --wcl-content-max: none;
  --wcl-readable-max: none;
  --wcl-pad-x: clamp(16px, 3vw, 56px);
  --wcl-section-y: clamp(34px, 5vw, 76px);
}
html,body{width:100%;max-width:100%;overflow-x:hidden;}
body{margin:0;}
*,*::before,*::after{box-sizing:border-box;}

/* Full-width shell */
.site-container,
.ast-container,
.container,
.wp-site-blocks,
.site-content,
.site-main,
main,
.page-wrap,
.page-shell,
.wcl-page,
.wcl-shell,
.wcl-main,
.wcl-section,
.wcl-container,
.wcl-global-container,
.wcl-archive,
.wcl-archive-shell,
.wcl-single,
.wcl-single-shell,
.wcl-admin-shell,
.admin-shell,
.admin-container,
.manager-shell,
.manager-container{
  width:100% !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Consistent internal breathing room */
.site-content,
.site-main,
main,
.wcl-page,
.wcl-section,
.wcl-archive,
.wcl-single,
.wcl-admin-shell,
.admin-shell,
.manager-shell{
  padding-left:var(--wcl-pad-x) !important;
  padding-right:var(--wcl-pad-x) !important;
}

/* Header / nav / mega menu / footer are official full-width */
.site-header,
.site-header .ast-container,
.wcl-header,
.wcl-header-inner,
.wcl-topbar,
.wcl-nav,
.wcl-nav-inner,
.site-footer,
.site-footer .ast-container,
.wcl-footer,
.wcl-footer-inner,
.wcl-mega,
.wcl-mega-menu,
.mega-menu,
.dropdown-menu{
  width:100% !important;
  max-width:none !important;
}
.wcl-header-inner,
.wcl-footer-inner,
.site-header .ast-container,
.site-footer .ast-container{
  padding-left:var(--wcl-pad-x) !important;
  padding-right:var(--wcl-pad-x) !important;
}

/* Hero, archives, grids, cards, managers */
.hero,
.wcl-hero,
.wcl-hero-inner,
.wcl-home-hero,
.wcl-blog-archive,
.wcl-sports-news-archive,
.wcl-news-archive,
.blog-archive,
.sports-news-archive,
.news-archive,
.wcl-grid,
.wcl-cards,
.cards-grid,
.match-grid,
.records-grid,
.admin-card,
.manager-card,
.editor-card,
.library-card{
  width:100% !important;
  max-width:none !important;
}

/* Single post/article: full-width canvas but readable text column by default */
.article-body,
.post-content,
.entry-content,
.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,
.post-content > p,
.post-content > h2,
.post-content > h3,
.post-content > ul,
.post-content > ol,
.entry-content > p,
.entry-content > h2,
.entry-content > h3,
.entry-content > ul,
.entry-content > ol,
.wcl-article-body > p,
.wcl-article-body > h2,
.wcl-article-body > h3,
.wcl-article-body > ul,
.wcl-article-body > ol{
  max-width:min(100%, 980px);
}

/* Embeds and iframes scale to the device */
iframe,
embed,
object,
video,
.wcl-embed,
.wcl-iframe,
.wcl-video-frame,
._scorebatEmbeddedPlayer_,
.wcl-scorebat-livescore,
.wcl-scorebat-videofeed,
.wcl-home-video-frame,
.wcl-live-player iframe{
  width:100% !important;
  max-width:100% !important;
  border:0;
}
.wcl-embed-wrap,
.wcl-iframe-wrap,
.wcl-video-wrap,
.wcl-scorebat-wrap,
.wcl-home-video-embed,
.wcl-live-scores-embed,
.wcl-live-scores-container{
  width:100% !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Responsive media inside cards: show complete cover end-to-end */
.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{
  width:100% !important;
  max-width:100% !important;
  height:auto;
  object-fit:contain !important;
  object-position:center center !important;
}

/* Tables and data blocks should fill available width without breaking mobile */
.table-wrap,
.wcl-table-wrap,
.data-table-wrap,
.match-table-wrap,
.wcl-records-table,
.wcl-data-panel{
  width:100% !important;
  max-width:none !important;
  overflow-x:auto;
}
table{width:100%;}

/* Admin full width */
body.admin,
.admin-page,
.admin-main,
.admin-panel,
.admin-section,
.admin-tools,
.admin-grid,
.wcl-admin-page,
.wcl-manager-page{
  width:100% !important;
  max-width:none !important;
}
.admin-panel,
.admin-section,
.manager-panel,
.editor-panel{
  padding-left:clamp(16px,2.2vw,40px) !important;
  padding-right:clamp(16px,2.2vw,40px) !important;
}

/* Mobile: true full width with safe padding */
@media (max-width: 768px){
  :root{--wcl-pad-x:16px;--wcl-section-y:34px;}
  .site-content,
  .site-main,
  main,
  .wcl-page,
  .wcl-section,
  .wcl-archive,
  .wcl-single,
  .wcl-admin-shell,
  .admin-shell,
  .manager-shell{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .wcl-header-inner,
  .wcl-footer-inner,
  .site-header .ast-container,
  .site-footer .ast-container{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .wcl-grid,
  .cards-grid,
  .match-grid,
  .records-grid,
  .admin-grid{
    grid-template-columns:1fr !important;
  }
}

/* WorldCupLive.ph v2.64 Hard 100% Full-Width Override
   Official default: every page type, admin page, section, row, column, container and embed fills the available screen. */
:root{
  --wcl-page-max:none !important;
  --wcl-content-max:none !important;
  --wcl-readable-max:none !important;
  --wcl-pad-x:clamp(12px,2.4vw,48px) !important;
}
html,body{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
}
body > *,
.site,
.site-container,
.ast-container,
.wp-site-blocks,
.page,
.page-wrap,
.page-shell,
.layout,
.shell,
.wrap,
.container,
.content,
.site-content,
.site-main,
main,
section,
article,
aside,
header,
footer,
nav,
.row,
.columns,
.column,
.col,
.grid,
.grid-2,
.grid-3,
.grid-4,
.hero,
.hero-grid,
.hero-card,
.card,
.panel,
.module,
.block,
.wcl-page,
.wcl-shell,
.wcl-main,
.wcl-section,
.wcl-container,
.wcl-global-container,
.wcl-archive,
.wcl-archive-shell,
.wcl-single,
.wcl-single-shell,
.wcl-home,
.wcl-home-hero,
.wcl-blog,
.wcl-blog-archive,
.wcl-sports-news,
.wcl-sports-news-archive,
.wcl-news-archive,
.wcl-admin-shell,
.admin-shell,
.admin-container,
.admin-page,
.manager-shell,
.manager-container,
.manager-panel,
.editor-panel,
.library-panel,
.table-wrap,
.data-table-wrap,
.match-table-wrap,
.wcl-embed-wrap,
.wcl-iframe-wrap,
.wcl-video-wrap,
.wcl-scorebat-wrap,
.wcl-home-video-embed,
.wcl-live-scores-embed,
.wcl-live-scores-container,
.wcl-stream-shell,
.wcl-stream-viewport{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Full screen sections with consistent safe padding */
main,
.site-content,
.site-main,
.page-wrap,
.wrap,
.hero,
.wcl-section,
.wcl-page,
.wcl-archive,
.wcl-single,
.admin-shell,
.manager-shell{
  padding-left:var(--wcl-pad-x) !important;
  padding-right:var(--wcl-pad-x) !important;
}

/* Header, menu, mega menu and footer use the same full-width system */
.site-header,
.site-header .nav,
.site-header .ast-container,
.nav,
.main-menu,
.mobile-panel,
.mega,
.dropdown-menu,
.site-footer,
.footer,
.footer-grid,
.site-footer .ast-container,
.wcl-footer,
.wcl-footer-inner{
  width:100% !important;
  max-width:none !important;
}
.nav,
.footer,
.footer-grid{
  padding-left:var(--wcl-pad-x) !important;
  padding-right:var(--wcl-pad-x) !important;
}

/* Rows and columns should stretch, not shrink to old archive widths */
.row,
.columns,
.hero-grid,
.detail,
.lineups,
.steps-grid,
.quick-link-grid,
.sitemap-list,
.cards-grid,
.match-grid,
.records-grid,
.wcl-grid,
.admin-grid{
  width:100% !important;
  max-width:none !important;
}

/* Embeds, iframes and videos automatically adopt the new full-width layout */
iframe,
embed,
object,
video,
._scorebatEmbeddedPlayer_,
.wcl-scorebat-livescore,
.wcl-scorebat-videofeed,
.wcl-home-video-frame,
.wcl-live-player iframe,
.wcl-inner-frame,
.embed-preview-frame{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  border:0 !important;
}

/* Images and cards fill their columns cleanly */
img,
picture,
.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{
  max-width:100% !important;
}

@media (max-width:1080px){
  :root{--wcl-pad-x:16px !important;}
  main,.site-content,.site-main,.page-wrap,.wrap,.hero,.wcl-section,.wcl-page,.wcl-archive,.wcl-single,.admin-shell,.manager-shell,.nav,.footer,.footer-grid{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}
@media (max-width:560px){
  :root{--wcl-pad-x:12px !important;}
  main,.site-content,.site-main,.page-wrap,.wrap,.hero,.wcl-section,.wcl-page,.wcl-archive,.wcl-single,.admin-shell,.manager-shell,.nav,.footer,.footer-grid{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}