/* ==========================================================================
   CARD PREVIEW POPUP — site-wide (James 2026-10-01 — PERMANENT standing pattern)
   Generalized from the James-approved Fresh Drops modal ("That is fire —
   implement that site wide wherever possible").
   Any <a data-pv-preview> opens this centered preview instead of navigating.
   Cards keep their real <a href>: no-JS users, bots, and Googlebot follow the
   plain link straight to the page. JS only intercepts the tap.
   Dialog radius 12px / CTA 6px match the approved Fresh Drops design exactly.
   GOOGLE-TV UPGRADE (James 2026-10-02): rating pill, genre chips, starring
   row, smaller CTA, footer row with the Midnight Marquee share cluster.
   ========================================================================== */
.pv-cp[hidden]{display:none}
.pv-cp__img[hidden]{display:none} /* no-image cards: never show a broken-image icon */
.pv-cp{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}
.pv-cp__scrim{position:absolute;inset:0;background:rgba(5,5,6,.82);backdrop-filter:blur(4px)}
.pv-cp__dialog{position:relative;width:min(620px,100%);max-height:88vh;overflow:auto;background:#161618;border:1px solid var(--pv-rule,#2a2a2e);border-radius:12px;display:grid;grid-template-columns:200px 1fr;box-shadow:0 24px 80px rgba(0,0,0,.6)}
.pv-cp__img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block;background:#1c1c1f}
.pv-cp__body{padding:24px 24px 22px;min-width:0}
.pv-cp__kicker{font:600 11px/1.4 var(--pv-sans,system-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--pv-red,#e5322d);margin:0 0 8px}
.pv-cp__kicker[hidden]{display:none}
.pv-cp__title{font:700 24px/1.2 var(--pv-sans,system-ui);color:var(--pv-ivory,#f5f1e8);margin:0 0 6px}
.pv-cp__meta{font:500 13px/1.5 var(--pv-sans,system-ui);color:var(--pv-ivory-dim,#b8b2a4);margin:0 0 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pv-cp__meta span:empty{display:none}
.pv-cp__rate{font:700 12.5px/1 var(--pv-sans,system-ui);color:#f5c518;background:rgba(245,197,24,.12);border:1px solid rgba(245,197,24,.35);padding:4px 8px;border-radius:999px;white-space:nowrap}
.pv-cp__rate[hidden]{display:none}
/* genre chips — tap into the catalog */
.pv-cp__genres{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.pv-cp__genres[hidden]{display:none}
.pv-cp__genre{font:600 11.5px/1 var(--pv-sans,system-ui);color:var(--pv-ivory,#f5f1e8);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:7px 11px;border-radius:999px;text-decoration:none;transition:background .15s}
.pv-cp__genre:hover{background:rgba(229,50,45,.22);border-color:rgba(229,50,45,.5)}
.pv-cp__desc{font:400 14.5px/1.6 var(--pv-sans,system-ui);color:var(--pv-ivory,#f5f1e8);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.pv-cp__desc[hidden]{display:none}
/* starring row — names link to /people/ only when a real page exists */
.pv-cp__cast{margin:0 0 16px}
.pv-cp__cast[hidden]{display:none}
.pv-cp__castlabel{font:700 10.5px/1.4 var(--pv-sans,system-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--pv-ivory-dim,#b8b2a4);margin:0 0 6px}
.pv-cp__castnames{font:500 13.5px/1.7 var(--pv-sans,system-ui);color:var(--pv-ivory,#f5f1e8);margin:0}
.pv-cp__castname{color:var(--pv-ivory,#f5f1e8);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25)}
.pv-cp__castname:hover{color:#fff;border-bottom-color:var(--pv-red,#e5322d)}
.pv-cp__castname.is-plain{border-bottom:0;color:var(--pv-ivory-dim,#b8b2a4);cursor:default}
.pv-cp__castsep{color:rgba(255,255,255,.25)}
/* footer: smaller CTA + Midnight Marquee share cluster */
.pv-cp__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pv-cp__cta{display:inline-block;background:var(--pv-red,#e5322d);color:#fff;font:600 13.5px/1 var(--pv-sans,system-ui);padding:11px 18px;border-radius:6px;text-decoration:none;white-space:nowrap}
.pv-cp__cta:hover{filter:brightness(1.1)}
.pv-cp__foot .pvx-share{flex:none}
/* keep the established share tooltip inside the dialog */
.pv-cp__foot .pvx-share-btn .tip{z-index:1002}
.pv-cp__close{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;background:rgba(10,10,11,.7);color:#fff;font-size:22px;line-height:1;border-radius:50%;cursor:pointer;z-index:2}
@media (max-width:560px){
  .pv-cp{padding:16px}
  .pv-cp__dialog{grid-template-columns:1fr;width:min(420px,100%)}
  .pv-cp__img{min-height:0;aspect-ratio:16/9}
  .pv-cp__body{padding:20px 20px 22px}
  .pv-cp__foot{gap:10px}
}

/* ---------- trailer mode (James 2026-10-02): video on top, full width ---------- */
.pv-cp__video[hidden]{display:none}
.pv-cp--trailer .pv-cp__dialog{grid-template-columns:1fr;width:min(760px,100%)}
.pv-cp--trailer .pv-cp__video{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px 12px 0 0;overflow:hidden}
.pv-cp--trailer .pv-cp__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:560px){
  .pv-cp--trailer .pv-cp__dialog{width:min(480px,100%)}
}