/* WorldCupLive.Ph v2.67 Blog / News / Sports News 100vw hard fix
   Forces archive and single content canvases to the same official full-width behavior as global pages. */
:root{--wcl-v267-x:clamp(14px,2.5vw,48px);}
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
body:has(main.content-hub),
body:has(main.article-wrap){width:100%!important;max-width:100%!important;}

/* Full viewport shell for blog, news and sports-news archives/singles */
body main.content-hub,
body main.article-wrap,
body #main.content-hub,
body #main.article-wrap,
body .content-hub,
body .article-wrap,
body .wcl-content-shell,
body .wcl-archive,
body .wcl-single,
body .bml-news-page,
body .wcl-news-page,
body .wcl-sports-news-page{
  display:block!important;
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding-left:var(--wcl-v267-x)!important;
  padding-right:var(--wcl-v267-x)!important;
}

/* Remove old readable-width locks on direct children for these target pages */
body main.content-hub > *,
body main.article-wrap > *,
body #main.content-hub > *,
body #main.article-wrap > *,
body .content-hub > *,
body .article-wrap > *{
  box-sizing:border-box!important;
  max-width:none!important;
}
body main.article-wrap > :is(.hub-eyebrow,h1,.hub-sub,.cta-row,h2,h3,p,ul,ol,blockquote,.related-box),
body #main.article-wrap > :is(.hub-eyebrow,h1,.hub-sub,.cta-row,h2,h3,p,ul,ol,blockquote,.related-box),
body .article-wrap > :is(.hub-eyebrow,h1,.hub-sub,.cta-row,h2,h3,p,ul,ol,blockquote,.related-box),
body .content-hub > :is(.hub-eyebrow,h1,.hub-title,.hub-sub,.hub-toolbar,.lead-card,.content-grid,.pager,.count){
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Full-width archive components */
body .lead-card,
body .content-grid,
body .news-grid,
body .wcl-news-collage,
body .wcl-sports-grid,
body .pager,
body .count{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
body .content-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(14px,1.6vw,24px)!important;}

/* Single article cover and media fill the available full-width page canvas */
body .article-cover,
body main.article-wrap > img.article-cover,
body #main.article-wrap > img.article-cover,
body .lead-card img,
body .story-card img,
body .news-card img,
body .wcl-news-card img,
body .wcl-sports-card img{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin-left:0!important;
  margin-right:0!important;
}
body .article-cover{max-height:none!important;border-radius:28px!important;}

/* Header and footer are also forced to the same 100vw shell on these pages */
body .site-header,
body header.site-header,
body .footer,
body footer.footer{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}
body .site-header .nav,
body header .nav,
body .footer .wrap,
body footer .wrap,
body .footer-grid,
body .copyright{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:var(--wcl-v267-x)!important;
  padding-right:var(--wcl-v267-x)!important;
}

/* Embeds always stretch with the new canvas */
body iframe,
body embed,
body object,
body video,
body .wcl-embed,
body .wcl-iframe,
body ._scorebatEmbeddedPlayer_{width:100%!important;max-width:100%!important;}

@media(max-width:1100px){
  body .content-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body .lead-card{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  :root{--wcl-v267-x:16px;}
  body .content-grid{grid-template-columns:1fr!important;}
  body main.content-hub,body main.article-wrap,body #main.content-hub,body #main.article-wrap{padding-left:16px!important;padding-right:16px!important;}
}