/* Coneshare viewer enhancer v3 — keyboard nav + click zones + page mode + hide logo */

/* Hide scrollbar in BOTH modes (Coneshare viewer) */
.h-full.overflow-y-auto {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.h-full.overflow-y-auto::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Page mode: only the active page visible, no user-scroll, exact positioning via JS scrollTo */
body.cnsh-papermode .h-full.overflow-y-auto {
  overflow: hidden !important;
}
body.cnsh-papermode [data-page-number]:not(.cnsh-active) {
  opacity: 0 !important;
  pointer-events: none !important;
}
body.cnsh-papermode [data-page-number] {
  transition: opacity 0.1s ease-out !important;
}

/* Click zones (page mode only — added by JS, removed in scroll mode)
 * Larger: 35% wide each side, near full viewport height.
 * Top 80px reserved for toolbar, bottom 24px reserved for safety. */
.cnsh-clickzone {
  position: fixed;
  top: 80px;
  height: calc(100vh - 100px);
  width: 35%;
  z-index: 5;
  background: transparent;
}
.cnsh-clickzone-prev { left: 0; cursor: w-resize; }
.cnsh-clickzone-next { right: 0; cursor: e-resize; }

/* Mode toggle — TOP-LEFT (where logo was hidden) */
#cnsh-mode-toggle {
  position: fixed;
  top: 16px;
  left: 16px;
  z-index: 30;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #374151;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  font-family: inherit;
  line-height: 1.4;
  transition: background 0.1s ease;
}
#cnsh-mode-toggle:hover {
  background: #f9fafb;
}