/* Overlay styling (GIF or VIDEO) */
.bphmp-ready { position: relative; }

.bphmp-overlay{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  opacity:0; transition:opacity .2s ease;
  pointer-events:none; /* don't block link taps */
  display:block;
  z-index: 99999;
}

.bphmp-show .bphmp-overlay{ opacity:1; }

/* Hide common POFO hover chrome inside the active card only */
.bphmp-show [class*="hover"],
.bphmp-show .hover-overlay,
.bphmp-show .hover-content,
.bphmp-show .opacity-medium,
.bphmp-show .opacity-full,
.bphmp-show .bg-black,
.bphmp-show .bg-dark-gray,
.bphmp-show .bg-extra-dark-gray,
.bphmp-show .grid-hover-box,
.bphmp-show .portfolio-hover,
.bphmp-show .portfolio-hover-overlay,
.bphmp-show .bg-white { opacity:0 !important; visibility:hidden !important; }

@media (prefers-reduced-motion: reduce){
  .bphmp-overlay{ transition:none; }
}