/* ============================================================
   Governly — Meeting Prep page additions (3.0)
   Live feature video inside the reference `.feat-window` / `.feat-shot`
   switcher (constraint 5). The reference used a static poster <img>;
   here the 4 live videos play in place, with a click-to-play overlay
   and mute toggle ported from the legacy homepage switcher.
   ============================================================ */

/* the video fills the square shot frame the same way the reference poster did */
.feat-shot video{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}

/* click-to-play overlay */
.feat-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(27,42,74,.35);cursor:pointer;z-index:2}
.feat-play-overlay:hover{background:rgba(27,42,74,.25)}
.feat-play-overlay.hidden{opacity:0;pointer-events:none;transition:opacity .4s ease}
.feat-play-btn{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.95);
  display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.2);
  transition:transform .2s ease,box-shadow .2s ease}
.feat-play-overlay:hover .feat-play-btn{transform:scale(1.08);box-shadow:0 6px 28px rgba(0,0,0,.25)}
.feat-play-btn svg{width:28px;height:28px;margin-left:3px;color:var(--navy)}

/* mute toggle (revealed once playing) */
.feat-mute-toggle{position:absolute;bottom:14px;right:14px;width:36px;height:36px;border-radius:50%;
  background:rgba(0,0,0,.5);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;
  z-index:3;opacity:0;pointer-events:none}
.feat-mute-toggle.visible{opacity:1;pointer-events:auto}
.feat-mute-toggle:hover{background:rgba(0,0,0,.7)}
.feat-mute-toggle svg{width:18px;height:18px;color:#fff}