diff --git a/client/src/index.css b/client/src/index.css index df47c19..c2a0339 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -387,12 +387,27 @@ input[data-testid*="search"]::placeholder { opacity: 0; } -/* Force hover video above everything - but not buttons */ -.individual-video-hover:hover:not(button):not([role="button"]) { +/* Force hover video above everything - escape parent overflow */ +.individual-video-hover:hover { z-index: 9999 !important; position: relative !important; - transform: scale(1.05) !important; + transform: scale(1.05) translateZ(0) !important; transition: all 0.3s ease !important; + pointer-events: auto !important; + will-change: transform !important; +} + +/* Force all carousel containers to allow z-index stacking */ +.individual-video-hover:hover, +.individual-video-hover:hover * { + position: relative !important; + z-index: inherit !important; +} + +/* Ensure parent carousel doesn't clip hovering videos */ +div:has(.individual-video-hover:hover) { + overflow: visible !important; + position: relative !important; } /* Hide picture-in-picture button on all video elements */