/* Visual Suspect — "All Video Productions" portfolio gallery hover: "Liquid Glass".
   Scoped to the Go Portfolio grid (#gw_go_portfolio_allvideos). */

/* 1 — Hide the default text box beneath the card and old icons */
#gw_go_portfolio_allvideos .gw-gopf-post-content-wrap {
  display: none !important;
}

#gw_go_portfolio_allvideos .gw-gopf-post-overlay-bg {
  display: none !important;
}

/* 2 — Make the entire overlay area a clickable link to the project */
#gw_go_portfolio_allvideos .gw-gopf-post-overlay-inner,
#gw_go_portfolio_allvideos .gw-gopf-post-overlay-circle {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  display: block !important;
  z-index: 10 !important;
}
#gw_go_portfolio_allvideos .gw-gopf-post-overlay-circle img {
  display: none !important;
}

/* 3 — Liquid-glass panel styling for the overlay container */
#gw_go_portfolio_allvideos .gw-gopf-post-overlay {
  background:
    linear-gradient(180deg, rgba(10,12,16,.22) 0%, rgba(10,12,16,.40) 100%),
    linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.02) 46%, rgba(255,255,255,.10) 100%)
    !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 -60px 80px -38px rgba(0,0,0,.45) !important;
  border-radius: inherit;
  transition: opacity 240ms cubic-bezier(.22,1,.36,1), visibility 240ms !important;
  opacity: 0;
  visibility: hidden;
  display: block !important;
  z-index: 5 !important;
}

/* 4 — Hover state: reveal panel + apply backdrop blur */
#gw_go_portfolio_allvideos .gw-gopf-post:hover .gw-gopf-post-overlay {
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  backdrop-filter: blur(16px) saturate(160%);
}

/* 5 — Centered custom title + categories inside the hover glass */
.vs-portfolio-info-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  padding: 0 16px;
  pointer-events: none;
  z-index: 6;
  opacity: 0;
  transition: opacity 300ms ease;
}
#gw_go_portfolio_allvideos .gw-gopf-post:hover .vs-portfolio-info-overlay {
  opacity: 1;
}

.vs-portfolio-info-overlay h3 {
  font-family: "Montserrat", -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff !important;
  margin: 0 0 6px 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.35;
  text-shadow: 0 1px 14px rgba(0,0,0,.34);
}

.vs-portfolio-info-overlay span {
  font-family: "Poppins", -apple-system, sans-serif;
  font-size: 9.5px;
  font-weight: 600;
  color: rgba(255,255,255,.86) !important;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  text-shadow: 0 1px 14px rgba(0,0,0,.34);
  display: block;
}

/* 6 — Keep Go Portfolio post element relative for proper layering */
#gw_go_portfolio_allvideos .gw-gopf-post {
  position: relative !important;
  border-radius: 2px !important;
  background: #141618 !important;
}

/* 7 — While facts card is open, keep this thumbnail's hover panel lit */
#gw_go_portfolio_allvideos .vs-facts-holding .gw-gopf-post-overlay {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Motion-sensitive users: drop timings */
@media (prefers-reduced-motion:reduce){
  #gw_go_portfolio_allvideos .gw-gopf-post-overlay { transition-duration: 1ms !important; }
  .vs-portfolio-info-overlay { transition-duration: 1ms !important; }
}