/* Nomad Learning v0.24.9 — one application-shell rule for every front-end LMS module.
   This mirrors Instructor Studio rather than widening theme/page-builder output. */
body.sbml-learning-app-page{overflow-x:hidden!important}

/* If a theme emits a queried-object title/breadcrumb strip from get_header(),
   remove that site-page chrome on LMS application requests. The LMS renders
   its own contextual headings inside the application. */
body.sbml-learning-app-page :where(
  .page-header,.entry-header,.page-title-wrap,.page-title-bar,.page-header-wrap,
  .site-page-header,.site-content-header,.ast-title-bar-wrap,.kadence-page-title-wrap,
  .generate-page-header,.inside-page-hero,.page-hero,.titlebar,.title-bar,
  .breadcrumb-area,.breadcrumbs-area,.breadcrumb-wrap,.breadcrumbs-wrap,
  .elementor-page-title,.elementor-widget-theme-post-title
){display:none!important;margin:0!important;padding:0!important;min-height:0!important;height:0!important;border:0!important}

/* Exact Instructor Studio application canvas. */
.sbml-learning-app-shell,.sbml-studio-page-shell.sbml-learning-app-shell{
  display:block!important;float:none!important;clear:both!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;
  padding:clamp(14px,2vw,30px) clamp(10px,2vw,28px) clamp(34px,4vw,64px)!important;
  box-sizing:border-box!important;overflow-x:clip!important
}
.sbml-learning-app-inner,.sbml-studio-page-inner.sbml-learning-app-inner{
  width:100%!important;max-width:1760px!important;min-width:0!important;
  margin:0 auto!important;padding:0!important;box-sizing:border-box!important
}

/* Every directly-rendered module gets the full Studio canvas. This generic
   immediate-child rule is intentional: it also covers future module roots. */
body.sbml-learning-app-page .sbml-learning-app-inner>*{
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin-left:0!important;margin-right:0!important;box-sizing:border-box!important
}
body.sbml-learning-app-page .sbml-learning-app-inner>:first-child{margin-top:0!important}
body.sbml-learning-app-page :where(
  .sbml-catalogue,.sbml-course-shell,.sbml-portal,.sbml-lesson-player,
  .sbml-assignments,.sbml-certificate-verification,.sbml-cohort-room-shell,
  .sbml-ai-coach,.sbml-ai-competency,.sbml-ai-concierge,.sbml-learning-record,
  .sbml-native-commerce,.sbml-order-list,.sbml-instructor-lite,
  .sbml-programs,.sbml-program-shell,.sbml-assessment-card,.sbml-table-wrap
){
  position:static!important;inset:auto!important;left:auto!important;right:auto!important;
  transform:none!important;float:none!important;clear:both!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin-left:0!important;margin-right:0!important;box-sizing:border-box!important
}
body.sbml-learning-app-page :where(.sbml-catalogue,.sbml-course-shell,.sbml-portal,.sbml-lesson-player){margin-top:0!important}
body.sbml-learning-app-page .sbml-portal:not(.sbml-auth-shell){margin-bottom:0!important}
body.sbml-learning-app-page .sbml-portal:not(.sbml-auth-shell) :where(
 .sbml-portal-header,.sbml-portal-nav,.sbml-portal-content,.sbml-dashboard-layout,
 .sbml-dashboard-grid,.sbml-grid,.sbml-course-grid,.sbml-profile-grid,
 .sbml-cohort-dashboard-grid,.sbml-cohort-room-shell,.sbml-table-wrap,
 .sbml-section-heading,.sbml-order-list
){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
body.sbml-learning-app-page .sbml-portal-content{overflow:visible!important}

/* Authentication page uses the same canvas; only the form remains readable. */
body.sbml-learning-app-page .sbml-auth-shell{width:100%!important;max-width:100%!important;margin:0!important}
body.sbml-learning-app-page .sbml-auth-shell .sbml-auth-card{width:min(100%,620px)!important;max-width:620px!important;margin-left:auto!important;margin-right:auto!important}

body.sbml-learning-app-page :where(.sbml-table-wrap,pre){max-width:100%!important;overflow-x:auto!important}
body.sbml-learning-app-page :where(img,video,audio,iframe,embed,object,canvas,svg,input,select,textarea){max-width:100%!important;min-width:0!important}
@media(max-width:760px){.sbml-learning-app-shell{padding:12px 10px 34px!important}}
@media(max-width:600px){.sbml-learning-app-shell{padding:8px 8px 24px!important}}
