/* B42 · Wasserzeichen (Plugin, ab 0.7.0). Zwei Ebenen über .kb-readerwrap:
   .kb-wz-leise    immer, kaum sichtbar (Deckkraft per --kb-wz-leise)
   .kb-watermark   sichtbar nach erkanntem Bildschirmfoto; Aussehen wie bisher
                   (Customizer-Regeln .kb-watermark gelten mit, Werte hier gleich). */

.kb-readerwrap { position: relative; }

.kb-readerwrap > .kb-wz-ebene {
  position: absolute; inset: 0; z-index: 5;
  pointer-events: none; user-select: none; -webkit-user-select: none;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(var(--kb-wm-cols, 3), minmax(0, 1fr));
  grid-template-rows: repeat(var(--kb-wm-rows, 12), minmax(0, 1fr));
  align-items: center; justify-items: center;
}
.kb-readerwrap > .kb-wz-ebene span {
  display: block; width: max-content; max-width: 92%; overflow: hidden;
  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  font-size: 9px; letter-spacing: .03em; white-space: nowrap; text-align: center;
  color: #281533;
  transform: rotate(-24deg); transform-origin: center;
}

.kb-readerwrap > .kb-wz-leise { opacity: var(--kb-wz-leise, .035); }
.kb-readerwrap > .kb-wz-leise span { font-size: 8px; }

.kb-readerwrap > .kb-watermark.kb-wz-ebene { opacity: .14; }

.kb-reader:is([data-reader-theme="dark"], [data-reader-theme="focus"]) > .kb-wz-ebene span { color: #f4f1eb; }
.kb-reader:is([data-reader-theme="dark"], [data-reader-theme="focus"]) > .kb-watermark.kb-wz-ebene { opacity: .22; }
.kb-reader:is([data-reader-theme="dark"], [data-reader-theme="focus"]) > .kb-wz-leise { opacity: calc(var(--kb-wz-leise, .035) * 1.5); }

@media print {
  .kb-readerwrap > .kb-wz-leise { opacity: .06; }
}