/* v18 — keep verse action buttons above the handwriting canvas and clickable */

/*
The handwriting canvas is a direct child of .smart-ink-page and sits at z-index 30
while writing. Older rules gave each .verse-block its own z-index 2 stacking
context. That trapped Bookmark / Sticky note / Precepts underneath the canvas
even though the buttons themselves had a higher z-index.

Make the verse block transparent to stacking so the action controls can sit
above the canvas without moving the scripture text above the ink layer.
*/
.smart-ink-page .verse-block,
.smart-ink-page.freehand-ink-mode .verse-block,
.smart-ink-page.freehand-active .verse-block {
  z-index: auto !important;
}

/* Scripture remains below the writing canvas in handwriting mode. */
.smart-ink-page.freehand-ink-mode .verse-text,
.smart-ink-page.freehand-ink-mode .above-note,
.smart-ink-page.freehand-active .verse-text,
.smart-ink-page.freehand-active .above-note {
  z-index: 2 !important;
}

/* Verse controls must always win hit-testing over handwriting/highlighter canvases. */
.smart-ink-page .verse-actions,
.smart-ink-page.freehand-ink-mode .verse-actions,
.smart-ink-page.freehand-active .verse-actions {
  position: relative !important;
  z-index: 120 !important;
  pointer-events: auto !important;
  isolation: isolate;
}

.smart-ink-page .verse-actions > div,
.smart-ink-page .verse-actions button,
.smart-ink-page .verse-actions button *,
.smart-ink-page.freehand-ink-mode .verse-actions > div,
.smart-ink-page.freehand-ink-mode .verse-actions button,
.smart-ink-page.freehand-ink-mode .verse-actions button *,
.smart-ink-page.freehand-active .verse-actions > div,
.smart-ink-page.freehand-active .verse-actions button,
.smart-ink-page.freehand-active .verse-actions button * {
  position: relative !important;
  z-index: 121 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

/* Once opened, the sticky-note editor must also remain usable above the ink canvas. */
.smart-ink-page .sticky-editor,
.smart-ink-page.freehand-ink-mode .sticky-editor,
.smart-ink-page.freehand-active .sticky-editor {
  position: relative !important;
  z-index: 120 !important;
  pointer-events: auto !important;
}

.smart-ink-page .sticky-editor button,
.smart-ink-page .sticky-editor textarea {
  position: relative !important;
  z-index: 121 !important;
  pointer-events: auto !important;
}

/* Prevent decorative wide-margin layers from ever becoming hit targets. */
.smart-ink-page .verse-block::after,
.smart-ink-page .chapter-page::before {
  pointer-events: none !important;
}