/* Video Styles for Hero and Gallery */

/* Hero Background Video */
.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}

/* Gallery Video Cards */
.gallery-card.video-card .card-banner {
  position: relative;
}

.gallery-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

.video-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 1;
  transition: var(--transition-2);
  z-index: 2;
}

.play-icon {
  font-size: 50px;
  color: var(--indian-yellow);
}

.video-card:hover .video-play-overlay {
  opacity: 0;
}

/* Hide video controls on hover for cleaner look */
.gallery-video::-webkit-media-controls {
  opacity: 0;
  transition: opacity 0.3s;
}

.gallery-card.video-card:hover .gallery-video::-webkit-media-controls {
  opacity: 1;
}