/* --- Flicker Fix for Fake Fullscreen Video ---
   Problem: ancestor hover transforms (e.g., .video-card:hover { transform: scale(...) })
   create a transformed containing block, causing fixed-position children to "jitter".
   Fixes:
   1) When a video enters fake fullscreen, disable hover transform on ancestors via a body flag.
   2) Ensure the fullscreen wrapper paints on its own layer and isolates from ancestors.
   3) Remove pointer-style on video while fullscreen.
------------------------------------------------------------------- */

body.fs-open .video-card:hover {
  transform: none !important;
}

.video-wrapper.active-fs-wrapper {
  isolation: isolate;          /* new stacking context */
  contain: paint;              /* paint isolation for smoother compositing */
  will-change: transform;      /* promote to its own layer */
}

.video-wrapper.active-fs-wrapper video {
  cursor: default;             /* avoid pointer cursor changes */
}

/* Optional: If any parent card applies transitions/filters, neutralize during FS */
body.fs-open .video-card {
  transition: none !important;
}