/* widget/watermark.css
 * Diagonal anti-screenshot watermark for the .ss-verdict-block.
 * Repeats the watermark text across the entire result surface at -25deg
 * rotation. Survives screenshots at every viewport size.
 *
 * Loaded as a separate stylesheet to keep the watermark easy to disable
 * if Sahir wants to A/B test legibility-on-screenshot vs visual-noise.
 *
 * Copyright (c) 2026 Solar Surveys Ltd.
 */

.ss-widget .ss-verdict-block { position: relative; }

.ss-widget .ss-verdict-block::before,
.ss-widget .ss-verdict-block::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  pointer-events: none;
  z-index: 1;
  transform: rotate(-25deg);
  transform-origin: center;
}

.ss-widget .ss-verdict-block::before {
  /* The repeating-linear-gradient creates the diagonal band structure.
     Empty bands are wider than the text bands so the watermark reads as
     a faint repeating pattern rather than a solid wash. */
  background-image: repeating-linear-gradient(
    0deg,
    transparent 0,
    transparent 48px,
    rgba(248, 248, 248, 0.045) 48px,
    rgba(248, 248, 248, 0.045) 80px
  );
}

.ss-widget .ss-verdict-block::after {
  /* SVG-encoded watermark text repeated horizontally via background-repeat.
     viewBox is wide so text repeats and survives every viewport.
     Opacity 0.05 reads as faint but is captured by every screenshot tool. */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 80' preserveAspectRatio='xMinYMid slice'><text x='0' y='32' font-family='DM Mono, monospace' font-size='13' fill='rgba(248,248,248,0.085)' letter-spacing='0.08em'>INDICATIVE SCREENING %C2%B7 NOT FOR COMPLIANCE USE %C2%B7 MIS 3002 V6.0 %C2%A75.5.5(b) REQUIRES A DOCUMENTED ASSESSMENT  %E2%80%A2  </text></svg>");
  background-repeat: repeat;
  background-size: 800px 80px;
}

/* Verdict content must sit above the watermark layers */
.ss-widget .ss-verdict-block > .ss-verdict-content {
  position: relative;
  z-index: 2;
}

/* Defensive: ensure no child element inadvertently masks the watermark */
.ss-widget .ss-verdict-block .ss-verdict-summary,
.ss-widget .ss-verdict-block .ss-reasoning,
.ss-widget .ss-verdict-block .ss-regulatory-anchor,
.ss-widget .ss-verdict-block .ss-check-grid,
.ss-widget .ss-verdict-block .ss-evidence-block,
.ss-widget .ss-verdict-block .ss-time-lifetime,
.ss-widget .ss-verdict-block .ss-condensed-block,
.ss-widget .ss-verdict-block .ss-cta-section {
  position: relative;
  z-index: 2;
}

/* Tighter watermark band spacing on small screens so the repeat is denser
   (smaller capture area still receives multiple watermark lines) */
@media (max-width: 768px) {
  .ss-widget .ss-verdict-block::before {
    background-image: repeating-linear-gradient(
      0deg,
      transparent 0,
      transparent 36px,
      rgba(248, 248, 248, 0.05) 36px,
      rgba(248, 248, 248, 0.05) 64px
    );
  }
  .ss-widget .ss-verdict-block::after {
    background-size: 600px 64px;
  }
}