/* ============================================
   VIMEO LIGHTBOX - SIMPLIFIED TAB SYSTEM
   ============================================ */

.video-lightbox_collection-item .play-image {
    transform: scale(1);
  }
  .video-lightbox_collection-item:hover .play-image {
    transform: scale(1.2);
  }

/* Lightbox Container */
.video-lightbox {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  /* Add your lightbox overlay styles here */
}

.video-lightbox.is-open {
  opacity: 1;
  visibility: visible;
}

/* ============================================
   THUMBNAILS (LEFT SIDE)
   ============================================ */

.video-lightbox_collection-item {
  opacity: 0.4;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

.video-lightbox_collection-item.is-active {
  opacity: 1;
}

/* ============================================
   VIDEOS (RIGHT SIDE)
   ============================================ */

.video-ligthbox_right-content .w-dyn-item {
  display: none;
}

/* Videos are shown via inline style (display: block) in JS */

/* ============================================
   PLYR CUSTOMIZATION
   ============================================ */

/* Plyr color customization */
.plyr {
  --plyr-color-main: var(--brand--video);
}

/* Plyr Video Embed */
.plyr__video-embed {
  width: 100%;
  height: 100%;
}

.plyr__video-embed iframe {
  width: 100%;
  height: 100%;
}

.plyr__control--overlaid {
    -webkit-backdrop-filter: blur(1em);
    backdrop-filter: blur(1em);
    background-color: var(--brand--video-icon-background) !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 6rem !important;
    height: 6rem !important;
}

.plyr__control--overlaid svg {
    width: 50% !important;
    height: 50% !important;
} 
/* ============================================
   RESPONSIVE SIZING (if needed)
   ============================================ */

/* Add any responsive styles for the video containers here */
