/* ============================================================
   PREVIOUSLY — DESK IDENTITY KIT · BROWSE / TV STATE  (2026-10-15)
   The TV desk identity, ported to where James's design puts TV:
   Browse, with the TV filter active. EVERY rule is scoped under
   body.dik-tv (toggled by unified-browse.js renderAll() from the
   active tab) — in the Movies state nothing in this file matches
   and Browse renders exactly as before.
   Tokens mirror the phase-1 kit (Package A) but resolve against
   Browse's own accent vars first, so the furniture matches the
   red this page already uses (tab underline, card-hover name).
   ============================================================ */
body.dik-tv{
  --dikb-red:var(--pv-red, var(--brand-red, #C0391B));
  --dikb-serif:'Fraunces', Georgia, 'Times New Roman', serif;
  --dikb-contour:url("/assets/desk-kit/contour-lines.webp?v=20261015dk1");
}

/* ---------- 1 · MASTHEAD BAND — contour texture inside the band only ----------
   The shared pv-masthead already carries the kit's other band pieces
   (14px brick top stripe, red caps kicker, giant Fraunces title);
   the port adds the C3 contour layer + the kit kicker rule. The
   kicker TEXT ("THE TV DESK") is swapped in by the controller hook. */
body.dik-tv .pv-masthead{
  position:relative;
  overflow:hidden;
}
body.dik-tv .pv-masthead::before{
  content:""; position:absolute; inset:0;
  background-image:var(--dikb-contour);
  background-size:cover; background-position:right center;
  opacity:.5;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, transparent 34%, #000 78%);
          mask-image:linear-gradient(90deg, transparent 0%, transparent 34%, #000 78%);
  pointer-events:none;
}
body.dik-tv .pv-masthead .wrap{ position:relative; z-index:1; }
body.dik-tv .pv-masthead .kicker::after{
  content:""; height:1px; width:64px;
  background:var(--dikb-red); opacity:.55;
}

/* ---------- INDEX BAR — REMOVED (James 2026-10-15) ----------
   The Trending / Catalog / Search bar was deleted from Browse in both
   states, so its numbered-furniture rules went with it. The rest of the
   TV desk identity (masthead band, section ticks, card sweep) stays. */

/* ---------- 2 · SECTION-HEAD FURNITURE — the brick tick ----------
   Section heads here already rule themselves off (pv-sort-row);
   the kit's 38x5 brick tick lands above every section title:
   catalog sections, Search, and Browse by genre alike. */
body.dik-tv .ub-h2::before{
  content:""; display:block;
  width:38px; height:5px;
  background:var(--dikb-red);
  margin:0 0 14px;
}

/* ---------- 3 · CARD TITLE UNDERLINE SWEEP ----------
   Same sweep as the kit's hub cards, on Browse's .mcard names
   (grids, rails, Top 10, search + genre results share the class).
   The existing hover color change is preserved. */
body.dik-tv .mcard .mcard__name{
  background-image:linear-gradient(var(--dikb-red), var(--dikb-red));
  background-position:left 100%;
  background-repeat:no-repeat;
  background-size:0% 2px;
  padding-bottom:3px;
  transition:background-size .3s ease, color .2s;
}
body.dik-tv .mcard:hover .mcard__name,
body.dik-tv .mcard:focus-visible .mcard__name{
  background-size:100% 2px;
}
@media (prefers-reduced-motion: reduce){
  body.dik-tv .mcard .mcard__name{ transition:none; }
}