/* Video play hint overlay styling */
.vp-hint-overlay {
  position: absolute;
  inset: 0; /* fill container */
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none; /* let clicks through except the button */
}
.vp-hint-button {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: rgba(255, 122, 0, 0.12);
  border: 3px solid rgba(255, 122, 0, 0.95);
  box-shadow: 0 6px 18px rgba(255,122,0,0.18);
  transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms;
  cursor: pointer;
}
.vp-hint-button:focus { outline: none; transform: scale(1.04); }
.vp-hint-button:hover { transform: scale(1.08); }
.vp-hint-button .vp-play-triangle {
  width: 0; height: 0; border-left: 18px solid white; border-top: 11px solid transparent; border-bottom: 11px solid transparent; margin-left: 4px;
}
.vp-hint-pulse {
  position: absolute;
  width: 76px; height: 76px; border-radius: 50%;
  background: rgba(255,122,0,0.06);
  border: 2px solid rgba(255,122,0,0.24);
  animation: vp-pulse 1.6s infinite;
}
@keyframes vp-pulse {
  0% { transform: scale(1); opacity: 1 }
  60% { transform: scale(1.55); opacity: 0.18 }
  100% { transform: scale(1.9); opacity: 0 }
}

/* Hide overlay utility */
.vp-hidden { display: none !important; }