/* ALMAJD 1.1.14 — mobile shell; semantic reflow is provided by mobile-reflow.css */
:root{
  --almajd-mobile-scale:.32;
  --almajd-mobile-dock-h:56px;
}
.almajd-mobile-dock{display:none}

@media screen and (max-width:900px){
  html{overflow-x:hidden!important;overscroll-behavior-x:none}
  body{
    overflow-x:hidden!important;
    padding-bottom:calc(var(--almajd-mobile-dock-h) + env(safe-area-inset-bottom,0px));
  }
  .master-shell,
  .workspace{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;overflow:visible!important}

  /* Sidebar remains a true drawer on phones instead of becoming part of document flow. */
  .side-panel{
    position:fixed!important;
    top:0!important;
    right:min(-92vw,-360px)!important;
    width:min(90vw,360px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0 0 0 22px!important;
    z-index:1200!important;
    transition:right .26s cubic-bezier(.4,0,.2,1)!important;
  }
  .side-panel.mobile-open{right:0!important}
  #ext-mobile-overlay{
    display:none!important;opacity:0!important;pointer-events:none!important;
    position:fixed!important;inset:0!important;z-index:1150!important;
    background:rgba(5,20,40,.46)!important;backdrop-filter:blur(2px)
  }
  #ext-mobile-overlay.visible{display:block!important;opacity:1!important;pointer-events:auto!important}

  .topbar{
    position:sticky!important;top:0!important;z-index:900!important;
    min-height:54px!important;height:54px!important;
    padding:7px 10px!important;gap:9px!important;
    border-radius:0 0 14px 14px!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(14px) saturate(1.05);
    box-shadow:0 8px 24px rgba(11,37,69,.08)!important;
  }
  .topbar .top-actions{display:none!important}
  #ext-hamburger{display:flex!important;flex:0 0 38px!important;width:38px!important;height:38px!important}
  .topbar .current-title{min-width:0!important;flex:1!important;margin:0!important}
  .topbar .current-title strong{
    display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    font-size:11px!important;line-height:1.3!important
  }
  .topbar .current-title span{font-size:9px!important;line-height:1.2!important}
  .status-line{display:none!important}
  #ux-timeline{display:none!important}

  /* One-page reader on mobile: no horizontal A4 scrolling by default. */
  .book{
    width:100%!important;min-width:0!important;max-width:100%!important;
    padding:12px 0 18px!important;margin:0!important;
    display:block!important;overflow:visible!important;direction:rtl!important;
  }
  body.almajd-mobile-reader .book > almajd-page{
    display:none!important;
    width:297mm!important;height:210mm!important;min-width:297mm!important;min-height:210mm!important;
    margin:0 auto!important;direction:rtl!important;
    zoom:var(--almajd-mobile-scale);
    box-shadow:0 10px 30px rgba(11,37,69,.12);
  }

  /* Enlarged reading mode: two-finger/pan friendly horizontal reading when detail is needed. */
  body.almajd-mobile-reader.mobile-a4-view.mobile-detail-zoom .workspace{
    overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;direction:ltr!important
  }
  body.almajd-mobile-reader.mobile-a4-view.mobile-detail-zoom .book{
    width:max-content!important;min-width:100%!important;padding-inline:10px!important;direction:ltr!important
  }
  body.almajd-mobile-reader.mobile-a4-view.mobile-detail-zoom .book > almajd-page.current-page{
    zoom:.62!important;margin-inline:8px!important;direction:rtl!important
  }

  .almajd-mobile-dock{
    position:fixed;right:10px;left:10px;bottom:max(8px,env(safe-area-inset-bottom,8px));
    z-index:1100;height:var(--almajd-mobile-dock-h);
    display:grid;grid-template-columns:42px 1fr 58px 1fr 42px;align-items:center;gap:5px;
    padding:7px;border:1px solid rgba(23,54,95,.14);border-radius:20px;
    background:rgba(255,255,255,.96);box-shadow:0 14px 38px rgba(11,37,69,.22);
    backdrop-filter:blur(16px) saturate(1.1);direction:ltr
  }
  .almajd-mobile-dock button{
    min-width:0;height:40px;border:0;border-radius:14px;background:#f2f6fa;color:#17365f;
    display:grid;place-items:center;font:800 11px/1 'IBM Plex Sans Arabic',sans-serif;cursor:pointer
  }
  .almajd-mobile-dock button:active{transform:scale(.97);background:#e7eef6}
  .almajd-mobile-dock .mobile-nav-label{font-size:10px;direction:rtl}
  .almajd-mobile-dock .mobile-page-counter{
    height:40px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:14px;
    background:linear-gradient(145deg,#17365f,#0d2447);color:#fff;direction:ltr;font-weight:900
  }
  .almajd-mobile-dock .mobile-page-counter b{font-size:15px}.almajd-mobile-dock .mobile-page-counter span{font-size:9px;opacity:.72}
  .almajd-mobile-dock .mobile-zoom-btn[aria-pressed="true"]{background:#d4af37;color:#0d2447}

  body.almajd-mobile-reader .almajd-floating-rail,
  body.almajd-mobile-reader .almajd-rail-more{display:none!important}
}

@media print{
  .almajd-mobile-dock{display:none!important}
  body.almajd-mobile-reader .book > almajd-page{display:block!important;zoom:1!important}
}