/* ========================================
   VIDEO PLAYER STYLES
   ======================================== */

/* Video in Lightbox */
.lightbox__video {
  max-width: 90vw;
  max-height: 85vh;
  width: auto;
  height: auto;
  border-radius: 8px;
  background: #000;
  outline: none;
}

/* Video Controls Styling */
.lightbox__video::-webkit-media-controls-panel {
  background-color: rgba(0, 0, 0, 0.8);
}

.lightbox__video::-webkit-media-controls-play-button,
.lightbox__video::-webkit-media-controls-pause-button {
  background-color: rgba(139, 115, 85, 0.9);
  border-radius: 50%;
}

/* Ensure video fits properly */
.lightbox__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* Hide image when video is playing */
.lightbox__content:has(.lightbox__video) .lightbox__image {
  display: none;
}

/* Responsive video */
@media (max-width: 768px) {
  .lightbox__video {
    max-width: 95vw;
    max-height: 80vh;
  }
}

@media (min-width: 1024px) {
  .lightbox__video {
    max-width: 85vw;
    max-height: 90vh;
  }
}