/* IYABOKO customer-facing layout normalization.
 * Public product pages use a centred readable canvas.
 * Private/product workspaces keep a wider engineering canvas.
 * No viewport-breakout maths are used, preventing horizontal clipping.
 */
:root{
  --iyb-product-page-max:1320px;
  --iyb-workspace-page-max:1440px;
  --iyb-page-gutter:clamp(14px,2.4vw,30px);
  --iyb-page-gutter-mobile:10px;
}

body.iyb-product-content-page{
  overflow-x:hidden;
}
body.iyb-product-content-page :where(.site-content,.content-area,.site-main,main#primary){
  box-sizing:border-box;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  float:none!important;
}
body.iyb-product-content-page :where(.entry-content,.wp-block-post-content,.page-content){
  box-sizing:border-box!important;
  width:calc(100% - (2 * var(--iyb-page-gutter)))!important;
  max-width:var(--iyb-product-page-max)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Override the older C3 full-width body classification on public product surfaces. */
body.iyb-product-content-page.iyb-workspace-fullwidth-page :where(.entry-content,.wp-block-post-content,.page-content){
  width:calc(100% - (2 * var(--iyb-page-gutter)))!important;
  max-width:var(--iyb-product-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.iyb-product-workspace-page{
  --iyb-workspace-max:var(--iyb-workspace-page-max);
  overflow-x:hidden;
}
body.iyb-product-workspace-page :where(.site-content,.content-area,.site-main,main#primary){
  min-width:0!important;
  max-width:100%!important;
}
body.iyb-product-workspace-page :where(.entry-content,.wp-block-post-content,.page-content){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
body.iyb-product-workspace-page .iyb-product-workspace-ai{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  overflow:hidden;
}

body.iyb-product-content-page :where(img,svg,video,iframe,canvas),
body.iyb-product-workspace-page :where(img,svg,video,iframe,canvas){
  max-width:100%;
}
body.iyb-product-content-page :where(pre,table),
body.iyb-product-workspace-page :where(pre,table){
  max-width:100%;
}
body.iyb-product-content-page table,
body.iyb-product-workspace-page table{
  width:100%;
}

@media(max-width:782px){
  body.iyb-product-content-page :where(.entry-content,.wp-block-post-content,.page-content){
    width:calc(100% - (2 * var(--iyb-page-gutter-mobile)))!important;
  }
  body.iyb-product-workspace-page :where(.entry-content,.wp-block-post-content,.page-content){
    margin-left:0!important;
    margin-right:0!important;
  }
}