/* SYSTJEM 11.24.1 — iPhone navigatiehotfix + herbouw Lesboek */
@media (max-width:900px){
  /* Een oudere polishregel verstopte de volledige admin-actions en daarmee ook de hamburger. */
  body.admin-sidebar-on:not(.butcher-original-layout) .admin-hero .admin-actions{
    display:flex!important;
    position:absolute!important;
    right:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:10040!important;
    pointer-events:auto!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) #mobileNavToggle.mobile-nav-toggle{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:relative!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:10px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.08)!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
  }
  #mobileNavToggle span{display:block!important;width:100%!important;height:2px!important;background:#fff!important;border-radius:4px!important}
  body.mobile-nav-open{overflow:hidden!important}
  body.mobile-nav-open #primaryAdminNav{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
}

/* Lesboek v2 — rustige Preview-achtige documentwerkruimte met eigen SYSTJEM-stijl. */
.lessonbook-editor-v2{background:#c9c9cd!important;border-radius:12px!important;box-shadow:0 14px 40px rgba(0,0,0,.16)!important}
.lessonbook-titlebar-v2{position:relative!important;min-height:52px!important;padding:6px 10px!important;background:#f4f4f5!important}
.lessonbook-save-inline{font-size:11px!important;padding:5px 9px!important;margin-right:4px!important;white-space:nowrap!important}
.lessonbook-present-button{font-size:12px!important;font-weight:750!important;border:1px solid #c8c8cc!important;border-radius:7px!important;background:#fff!important;padding:7px 10px!important}
.lessonbook-toolbar-v2{justify-content:flex-start!important;background:#ededee!important;position:relative!important;top:auto!important}
.lessonbook-workspace-v2{display:grid;grid-template-columns:210px minmax(0,1fr);height:min(74vh,980px);min-height:640px;background:#929296}
.lessonbook-page-sidebar{background:#ececef;border-right:1px solid #b9b9bd;overflow:auto;padding:10px}
.lessonbook-page-sidebar[hidden]{display:none!important}
.lessonbook-editor-v2.sidebar-hidden .lessonbook-workspace-v2{grid-template-columns:1fr}
.lessonbook-page-sidebar-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#5d5d61;padding:3px 3px 10px}
.lessonbook-page-sidebar-head span{background:#d6d6da;border-radius:999px;padding:2px 7px;font-weight:700}
.lessonbook-page-thumbs{display:grid;gap:10px}
.lessonbook-page-thumb{display:block;color:#242426;text-decoration:none;border:2px solid transparent;border-radius:7px;padding:5px;background:transparent}
.lessonbook-page-thumb.active{border-color:#77856c;background:#fff}
.lessonbook-page-thumb img,.lessonbook-page-thumb>span{display:grid;place-items:center;width:100%;aspect-ratio:4/3;object-fit:cover;background:#fff;border:1px solid #c9c9cc;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.1);font-size:24px;font-weight:800}
.lessonbook-page-thumb small{display:block;margin-top:5px;font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lessonbook-document-pane{min-width:0;display:flex;flex-direction:column;overflow:hidden}
.lessonbook-editor-v2 .lessonbook-stage{height:auto!important;min-height:0!important;flex:1!important;background:#78787c!important;overflow:auto!important}
.lessonbook-editor-v2 .lessonbook-stage iframe{background:#fff!important}
.lessonbook-editor-v2 .lessonbook-help{flex:0 0 auto!important;padding:7px 10px!important;font-size:11px!important;background:#f4f4f5!important;border-top:1px solid #c8c8cc!important}
.lessonbook-editor-v2.presentation{background:#69696d!important}
.lessonbook-editor-v2.presentation .lessonbook-workspace-v2{height:calc(100dvh - 52px)!important;min-height:0!important;grid-template-columns:1fr!important}
.lessonbook-editor-v2.presentation .lessonbook-page-sidebar,.lessonbook-editor-v2.presentation .lessonbook-titlebar-v2{display:none!important}
.lessonbook-editor-v2.presentation .lessonbook-toolbar-v2{min-height:52px!important}

@media(max-width:900px){
  .lessonbook-shell{padding:10px!important;border-radius:12px!important}
  .lessonbook-head h2{font-size:28px!important}
  .lessonbook-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .lessonbook-folder-preview{height:96px!important}
  .lessonbook-material-grid{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:4px!important;scroll-snap-type:x proximity}
  .lessonbook-card{flex:0 0 132px!important;scroll-snap-align:start}
  .lessonbook-card-body{padding:8px!important}
  .lessonbook-card-body strong{font-size:12px!important}
  .lessonbook-titlebar-v2{padding:5px 7px!important}
  .lessonbook-titlebar-v2 .preview-document-title{position:static!important;transform:none!important;text-align:left!important;min-width:0!important;flex:1!important;max-width:none!important;overflow:hidden!important}
  .lessonbook-titlebar-v2 .preview-document-title strong{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .lessonbook-titlebar-v2 .preview-document-title small{display:none!important}
  .lessonbook-save-inline{display:none!important}
  .lessonbook-present-button{font-size:0!important;width:38px!important;height:38px!important;padding:0!important;display:grid!important;place-items:center!important}
  .lessonbook-present-button:after{content:'⛶';font-size:18px!important}
  .lessonbook-toolbar-v2{min-height:44px!important;padding:4px 6px!important;gap:5px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important}
  .lessonbook-toolbar-v2 button{min-height:34px!important;padding:6px 9px!important;font-size:12px!important}
  .lessonbook-toolbar-v2 .preview-width{display:none!important}
  .lessonbook-toolbar-v2 .preview-control input[type=color]{width:28px!important;height:28px!important}
  .lessonbook-workspace-v2{grid-template-columns:88px minmax(0,1fr)!important;height:70dvh!important;min-height:500px!important}
  .lessonbook-page-sidebar{padding:6px!important}
  .lessonbook-page-sidebar-head strong{font-size:10px!important}.lessonbook-page-sidebar-head span{display:none!important}
  .lessonbook-page-thumbs{gap:7px!important}
  .lessonbook-page-thumb{padding:3px!important}.lessonbook-page-thumb small{font-size:8px!important}
  .lessonbook-editor-v2.sidebar-hidden .lessonbook-workspace-v2{grid-template-columns:1fr!important}
  .lessonbook-editor-v2 .lessonbook-help{font-size:9px!important;line-height:1.25!important}
}
@media(max-width:390px){
  .lessonbook-workspace-v2{grid-template-columns:72px minmax(0,1fr)!important}
  .lessonbook-toolbar-v2 .preview-text-button{display:none!important}
  .lessonbook-toolbar-v2 .preview-control{display:none!important}
}