/*
 * Debug overlay for PDF text layer alignment.
 *
 * The text layer is normally invisible (`opacity: 0`) and selectable.
 * When `.ce-debug-textlayer` is on a parent, every text span becomes a
 * yellow highlight so it's obvious where text is selectable and where it
 * isn't — useful for diagnosing OCR misalignment, scan-only PDFs, and
 * text-layer shift caused by font fallbacks.
 *
 * Toggle via the "Debug text layer" entry in SessionMenu.
 */

.ce-debug-textlayer .textLayer {
  outline: 1px dashed rgba(255, 0, 0, 0.5);
}

.ce-debug-textlayer .textLayer > span,
.ce-debug-textlayer .textLayer > br {
  background: rgba(255, 220, 0, 0.35) !important;
  color: rgba(0, 0, 100, 0.85) !important;
  opacity: 1 !important;
  /* Reveal the per-glyph span borders so misalignment is visible. */
  outline: 1px solid rgba(0, 100, 255, 0.25);
}