/* Donor Channel Static — a scrambled-channel overlay on donor-gated forum rows.
   The overlay lives inside a cell but fills the whole row (the row is the positioned ancestor). */
tr.tv-static-row { position: relative; }

.tv-static-ovl {
  position: absolute; inset: 0; z-index: 4;
  display: flex; align-items: center; justify-content: center;
  text-decoration: none; overflow: hidden;
  background: #000 url("/p/tv-static/assets/static.gif") center / cover;
  image-rendering: pixelated;
}
/* darken the static so the green text stays readable */
.tv-static-ovl::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .5); }
/* faint CRT scanlines over the whole thing */
.tv-static-ovl::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(rgba(0, 0, 0, 0) 0 2px, rgba(0, 0, 0, .28) 2px 3px);
}

.tv-static-txt {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  text-align: center; padding: 4px 12px;
}
.tv-static-h {
  font-family: "DejaVu Sans Mono", Consolas, "Courier New", monospace;
  font-weight: 700; font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase;
  color: #39ff5a; text-shadow: 0 0 6px rgba(57, 255, 90, .85), 0 0 2px #000;
}
.tv-static-sub {
  font-family: "DejaVu Sans Mono", Consolas, "Courier New", monospace;
  font-size: 10.5px; letter-spacing: 1px; color: #7dffa0;
  text-shadow: 0 0 4px rgba(57, 255, 90, .7); opacity: .95;
}
.tv-static-ovl:hover .tv-static-h { text-shadow: 0 0 10px rgba(57, 255, 90, 1), 0 0 3px #000; }
.tv-static-ovl:focus-visible { outline: 2px solid #39ff5a; outline-offset: -2px; }

/* the forum NAME peeks through, floating above the static as a teaser — like a channel label over a
   scrambled signal. It's raised above the overlay but non-interactive, so a click still falls through
   to the donate overlay (rather than the name's own link, which would 403). */
.tv-static-row .fname > a[href^="/forum/"] {
  position: relative; z-index: 5; pointer-events: none;
  display: inline-block; padding: 1px 9px; border-radius: 4px;
  background: rgba(0, 0, 0, .62); box-shadow: 0 0 10px rgba(0, 0, 0, .85);
  color: #eaf2ff; text-shadow: 0 1px 2px #000;
}
/* nudge the overlay message down a touch so it sits below the peeking name rather than behind it */
.tv-static-row .tv-static-txt { margin-top: 14px; }