/* FORRE.NU — pulse-yt.css: YouTube-spelaren i väggposter + skrivrutans förhandsvisning.
 *
 * ── VAR LIGGER VAD ──
 *   app/Helpers/YouTubeSpelare.php ..... tolkar länken + ritar .wyt (kortet, server)
 *   themes/forre_pulse/js/pulse-yt.js .. samma markup i skrivrutan, play-klicket, titeln
 *   DENNA ............................. stilen. Laddas ALLTID (PulseAssets): skrivrutan
 *                                       (.pmodal i layouten) finns på varje sida.
 *
 * ── FALLGROPAR ──
 *   · Ligger utanför .pc-media med flit — där styr data-n ett bildrutnät.
 *   · Färgerna på play-knappen är fasta: den ligger OVANPÅ en bild, inte på temat.
 *   · Nya temat (forre_ny) har egna kortmarginaler: .nh-post (hem) och .npf-post
 *     (profil, inläggssidan). Reglerna sist i filen speglar deras .pc-media.
 */
.wyt{margin:0 16px 12px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.wyt-ram{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;margin:0;border:0;background:var(--inset);cursor:pointer;overflow:hidden;color:inherit}
.wyt-ram img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.wyt-ram iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.wyt-play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;
  background:rgba(12,12,12,.66);display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.35);transition:background .15s ease,transform .15s ease}
.wyt-play svg{width:26px;height:26px;fill:#fff;margin-left:3px}
.wyt-ram:hover img{transform:scale(1.025)}
.wyt-ram:hover .wyt-play{background:rgba(220,30,30,.94);transform:scale(1.05)}
.wyt-ram:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.wyt.is-spelar .wyt-ram{cursor:default}

/* Shorts: stående, centrerad, max ~520 px hög. Sidorna fylls av --inset. */
.wyt-shorts .wyt-ram{width:min(100%,292px);aspect-ratio:9/16;margin:0 auto}
.wyt-shorts{background:var(--inset)}
.wyt-shorts .wyt-fot{background:var(--card)}

.wyt-fot{display:flex;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;min-width:0}
.wyt-fot>.bi-youtube{font-size:18px;line-height:1;color:var(--ink2);flex:0 0 auto}
.wyt-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;gap:1px}
.wyt-t{font-size:13.5px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wyt-k{font-size:12px;line-height:1.3;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wyt-k:empty{display:none}
.wyt-ut{font-size:13px;color:var(--dim);flex:0 0 auto}
.wyt-fot:hover .wyt-t{color:var(--accent)}
.wyt-fot:hover .wyt-ut{color:var(--ink2)}

/* Skrivrutan: förhandsvisningen under texten. Modalen får scrolla när spelaren gör den hög. */
.pmodal{overflow-y:auto}
.pm-yt{margin:6px 0 2px}
.pm-yt-lbl{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--dim);margin:0 0 6px}
.pm-yt .wyt{margin:0}

/* Nya temat — samma luft som .pc-media där. */
.nh-post .post .wyt{margin:0 0 8px}
.npf-post .post .wyt{margin:0 0 10px}
@media(prefers-reduced-motion:reduce){.wyt-ram img,.wyt-play{transition:none}.wyt-ram:hover img{transform:none}}