/* ZORELO v1.6.0 – viewport alignment fix
   Goal: no left/right page gutters caused by GeneratePress or older engine rules.
   Full-width row backgrounds touch both viewport edges; actual content stays centered in the 90% shell.
*/

html,
body.zorelo-engine-home,
body.zorelo-engine-game,
body.zorelo-engine-leaderboards,
body.zorelo-engine-stats,
body.zorelo-engine-games{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
}

/* Remove every GeneratePress/container gutter on ZORELO views. */
body.zorelo-engine-home #page,
body.zorelo-engine-game #page,
body.zorelo-engine-leaderboards #page,
body.zorelo-engine-stats #page,
body.zorelo-engine-games #page,
body.zorelo-engine-home #content,
body.zorelo-engine-game #content,
body.zorelo-engine-leaderboards #content,
body.zorelo-engine-stats #content,
body.zorelo-engine-games #content,
body.zorelo-engine-home .site,
body.zorelo-engine-game .site,
body.zorelo-engine-leaderboards .site,
body.zorelo-engine-stats .site,
body.zorelo-engine-games .site,
body.zorelo-engine-home .site.grid-container,
body.zorelo-engine-game .site.grid-container,
body.zorelo-engine-leaderboards .site.grid-container,
body.zorelo-engine-stats .site.grid-container,
body.zorelo-engine-games .site.grid-container,
body.zorelo-engine-home .site-content,
body.zorelo-engine-game .site-content,
body.zorelo-engine-leaderboards .site-content,
body.zorelo-engine-stats .site-content,
body.zorelo-engine-games .site-content,
body.zorelo-engine-home .content-area,
body.zorelo-engine-game .content-area,
body.zorelo-engine-leaderboards .content-area,
body.zorelo-engine-stats .content-area,
body.zorelo-engine-games .content-area,
body.zorelo-engine-home .site-main,
body.zorelo-engine-game .site-main,
body.zorelo-engine-leaderboards .site-main,
body.zorelo-engine-stats .site-main,
body.zorelo-engine-games .site-main,
body.zorelo-engine-home .inside-article,
body.zorelo-engine-game .inside-article,
body.zorelo-engine-leaderboards .inside-article,
body.zorelo-engine-stats .inside-article,
body.zorelo-engine-games .inside-article{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

/* Main app canvas always starts exactly at viewport x=0. */
body.zorelo-engine-home main#primary,
body.zorelo-engine-game main#primary,
body.zorelo-engine-leaderboards main#primary,
body.zorelo-engine-stats main#primary,
body.zorelo-engine-games main#primary{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  zoom:1!important;
  transform:none!important;
  box-sizing:border-box!important;
}

/* Any top-level ZORELO row paints to the exact viewport edges.
   Using 100vw + the centering escape also protects against a theme wrapper being reintroduced later. */
body.zorelo-engine-home main#primary > .zorelo-v14-hero-band,
body.zorelo-engine-home main#primary > .zorelo-v14-section,
body.zorelo-engine-game main#primary > .zorelo-v14-inner-band,
body.zorelo-engine-game main#primary > .zorelo-v14-section,
body.zorelo-engine-leaderboards main#primary > .zorelo-v14-inner-band,
body.zorelo-engine-leaderboards main#primary > .zorelo-v14-section,
body.zorelo-engine-stats main#primary > .zorelo-v14-inner-band,
body.zorelo-engine-stats main#primary > .zorelo-v14-section,
body.zorelo-engine-games main#primary > .zorelo-v14-inner-band,
body.zorelo-engine-games main#primary > .zorelo-v14-section{
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:-50vw!important;
  margin-right:-50vw!important;
  box-sizing:border-box!important;
}

/* Keep the actual text/cards at the requested 90% content width. */
.zorelo-v14-shell{
  width:min(90vw,1720px)!important;
  max-width:min(90vw,1720px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

/* Subpage heads may have a small inner breathing room, but never create an outer white gutter. */
.zorelo-v15-subhead-shell{
  padding-left:clamp(14px,1.2vw,24px)!important;
  padding-right:clamp(14px,1.2vw,24px)!important;
}

/* Home hero needs no accidental outer offset at either edge. */
.zorelo-home-v14 .zorelo-v14-hero-band{
  margin-left:-50vw!important;
  margin-right:-50vw!important;
  left:50%!important;
  width:100vw!important;
  max-width:100vw!important;
}

/* Footer/legal content remains centered, while the page background spans the viewport. */
body.zorelo-engine-home footer,
body.zorelo-engine-game footer,
body.zorelo-engine-leaderboards footer,
body.zorelo-engine-stats footer,
body.zorelo-engine-games footer{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

@media(max-width:680px){
  .zorelo-v14-shell{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important}
  .zorelo-v15-subhead-shell{padding-left:0!important;padding-right:0!important}
}