/* =====================================================================
   protect.css — copy-deterrent + per-user watermark for unlocked Pro
   lessons. Paired with js/protect.js (which adds .protect-on to the
   lesson column and injects .wm-layer). Deterrent only — see protect.js.
   ===================================================================== */

/* The lesson column becomes the positioning context for the watermark. */
.col.protect-on { position: relative; }

/* Disable selection / long-press callout on the whole Pro lesson column… */
.col.protect-on {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* …but keep the practice block, the nav footer and every form control fully
   selectable and usable — the reader must be able to type and edit answers. */
.col.protect-on .practice,
.col.protect-on .lfoot,
.col.protect-on input,
.col.protect-on textarea,
.col.protect-on select,
.col.protect-on [contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}

/* Faint, tiled, diagonal watermark of the viewer's email/id — a repeating
   SVG tile injected by protect.js. pointer-events:none → it never blocks
   reading, clicking or the exempt zones above. Mid-grey tile reads faintly
   on every theme; overall strength is set here via opacity. */
.wm-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 3;
  opacity: .11;
}
/* A touch more presence on dark backgrounds and in print/PDF export. */
.theme-dark .wm-layer { opacity: .16; }
@media print { .wm-layer { opacity: .22; } }