/* PromXAI Theme 1.4.15.35 — unified gesture-first viewer for article/book/template/bundle previews. */
body.px-library94-modal-open{overflow:hidden!important}

[data-book-stage],
[data-template-stage],
[data-bundle-stage]{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:auto!important;
  padding:18px!important;
  box-sizing:border-box!important;
  overscroll-behavior:contain!important;
  touch-action:none!important;
  scrollbar-gutter:stable both-edges;
  cursor:default!important;
}

.px-library94-viewer-canvas{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}

.px-library94-viewer-canvas img{
  position:absolute!important;
  display:block!important;
  margin:0!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  transform-origin:initial!important;
  transition:opacity .14s ease,width .10s ease,height .10s ease,left .10s ease,top .10s ease!important;
  opacity:0;
  user-select:none!important;
  -webkit-user-drag:none!important;
  pointer-events:none!important;
}

.px-library94-viewer-canvas img.is-ready{opacity:1}

[data-book-stage].is-pannable,
[data-template-stage].is-pannable,
[data-bundle-stage].is-pannable{cursor:grab!important}

[data-book-stage].is-dragging,
[data-template-stage].is-dragging,
[data-bundle-stage].is-dragging{
  cursor:grabbing!important;
  user-select:none!important;
}

[data-book-stage].is-gesturing .px-library94-viewer-canvas img,
[data-template-stage].is-gesturing .px-library94-viewer-canvas img,
[data-bundle-stage].is-gesturing .px-library94-viewer-canvas img{
  transition:opacity .14s ease!important;
}

[data-book-modal].is-switching [data-book-prev],
[data-book-modal].is-switching [data-book-next],
[data-book-modal].is-switching [data-book-zoom-in],
[data-book-modal].is-switching [data-book-zoom-out],
[data-template-modal].is-switching [data-template-prev],
[data-template-modal].is-switching [data-template-next],
[data-template-modal].is-switching [data-template-zoom-in],
[data-template-modal].is-switching [data-template-zoom-out],
[data-bundle-modal].is-switching [data-bundle-prev],
[data-bundle-modal].is-switching [data-bundle-next],
[data-bundle-modal].is-switching [data-bundle-zoom-in],
[data-bundle-modal].is-switching [data-bundle-zoom-out]{opacity:.58}

[data-book-modal].is-switching::after,
[data-template-modal].is-switching::after,
[data-bundle-modal].is-switching::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  z-index:12;
  width:34px;
  height:34px;
  margin:-17px 0 0 -17px;
  border-radius:999px;
  border:3px solid rgb(255 255 255/.18);
  border-top-color:#7d66ff;
  border-right-color:#39a4ff;
  animation:px-library94-spin .72s linear infinite;
  pointer-events:none;
}

@keyframes px-library94-spin{to{transform:rotate(360deg)}}

[data-book-stage]::-webkit-scrollbar,
[data-template-stage]::-webkit-scrollbar,
[data-bundle-stage]::-webkit-scrollbar{width:9px;height:9px}
[data-book-stage]::-webkit-scrollbar-track,
[data-template-stage]::-webkit-scrollbar-track,
[data-bundle-stage]::-webkit-scrollbar-track{background:rgb(255 255 255/.05);border-radius:999px}
[data-book-stage]::-webkit-scrollbar-thumb,
[data-template-stage]::-webkit-scrollbar-thumb,
[data-bundle-stage]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3478ff,#8d4df5);border-radius:999px;border:2px solid rgb(7 12 25/.72)}

@media(max-width:760px){
  [data-book-stage],
  [data-template-stage],
  [data-bundle-stage]{
    padding:66px 8px max(18px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    touch-action:none!important;
    overscroll-behavior:none!important;
    scrollbar-width:none!important;
  }
  [data-book-stage]::-webkit-scrollbar,
  [data-template-stage]::-webkit-scrollbar,
  [data-bundle-stage]::-webkit-scrollbar{display:none!important}

  /* Navigation on phones is by horizontal swipe. */
  [data-book-prev],[data-book-next],
  [data-template-prev],[data-template-next],
  [data-bundle-prev],[data-bundle-next]{display:none!important}

  /* Pinch is the primary zoom control; keep only the live percentage label. */
  [data-book-zoom-in],[data-book-zoom-out],
  [data-template-zoom-in],[data-template-zoom-out],
  [data-bundle-zoom-in],[data-bundle-zoom-out]{display:none!important}

  .px-library91-modal-toolbar,
  .px-library81-modal-toolbar{
    min-width:96px!important;
    min-height:48px!important;
    padding:8px 14px!important;
    justify-content:center!important;
    pointer-events:none!important;
  }

  .px-library91-modal-toolbar::after,
  .px-library81-modal-toolbar::after{
    content:"قرّب بإصبعين";
    margin-inline-start:10px;
    color:rgba(248,250,252,.72);
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
  }

  [data-book-stage]::after,
  [data-template-stage]::after,
  [data-bundle-stage]::after{
    content:"اسحب للتنقل • قرّب بإصبعين";
    position:fixed;
    z-index:20;
    inset-inline-start:50%;
    bottom:max(12px,env(safe-area-inset-bottom));
    transform:translateX(-50%);
    padding:7px 12px;
    border:1px solid rgb(255 255 255/.10);
    border-radius:999px;
    color:rgba(248,250,252,.76);
    background:rgb(15 23 42/.50);
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
    pointer-events:none;
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }

  [data-book-stage].is-zoomed::after,
  [data-template-stage].is-zoomed::after,
  [data-bundle-stage].is-zoomed::after{
    content:"اسحب لتحريك الصورة • قرّب بإصبعين";
  }
}