/* ZORELO v2.2.0 - legal-page viewport alignment fix */

/*
 * The legal template is emitted directly after GeneratePress get_header().
 * Depending on GeneratePress' page container, its <main> could inherit the
 * content column width. Force the ZORELO legal surface to the viewport width,
 * exactly like the engine routes (/spiele/, /bestenlisten/, game pages).
 */
body.zorelo-engine-legal{overflow-x:hidden!important;}
body.zorelo-engine-legal #page,
body.zorelo-engine-legal #content,
body.zorelo-engine-legal .site-content{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
}
body.zorelo-engine-legal .zorelo-legal-page-v21{
  display:block!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:100vw!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  left:0!important;
  right:auto!important;
  float:none!important;
  clear:both!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.zorelo-engine-legal .zorelo-v21-legal-hero,
body.zorelo-engine-legal .zorelo-v21-legal-section{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
body.zorelo-engine-legal .zorelo-v14-shell{
  width:min(90vw,1680px)!important;
  max-width:min(90vw,1680px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
  box-sizing:border-box!important;
}
body.zorelo-engine-legal .zorelo-v21-legal-card{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Keep the legal header/content geometry aligned with the Games page. */
body.zorelo-engine-legal .zorelo-sitebar,
body.zorelo-engine-legal .zorelo-v21-legal-hero-grid,
body.zorelo-engine-legal .zorelo-v21-legal-card,
body.zorelo-engine-legal .zorelo-v21-legal-nav{
  box-sizing:border-box!important;
}

@media(max-width:900px){
  body.zorelo-engine-legal .zorelo-v14-shell{
    width:calc(100vw - 22px)!important;
    max-width:calc(100vw - 22px)!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}
