/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/video-gallery/style.css ***!
  \*********************************************************************************************************************************************************************************/
/* Repeater Styles */
.p7-video-repeater {
  margin: 10px 0;
}
.p7-video-item {
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 4px;
  background: #f9f9f9;
}
.p7-video-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.p7-video-item-controls {
  display: flex;
  gap: 5px;
}
.p7-video-item-controls button {
  min-width: 30px;
  height: 30px;
  padding: 0 5px;
}
/* Empty state */
.p7-video-gallery-empty {
  padding: 40px;
  text-align: center;
  background: #f0f0f0;
  border: 2px dashed #ccc;
}
/* Thumbnail titles */
.thumb-title {
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.swiper-container-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%;
    width: 100%;
  }
/* Main video area */
.gallery-top {
    width: 100%;
    height: 70%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background: #000;
  }
.gallery-top iframe {
    width: 100%;
    height: 100%;
  }
/* Thumbnails */
.gallery-thumbs {
    width: 100%;
    height: 30%;
    display: flex;
    gap: 8px;
    align-items: center;
  }
.gallery-thumbs .swiper-slide {
    flex: 1 0 auto;
    cursor: pointer;
    opacity: 0.6;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
	max-width: 95%;
	margin: auto;
  }
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    border-color: #000;
  }
.thumb-img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
/* On desktop: show thumbnails on the right */
@media (min-width: 480px) {
    .swiper-container-wrapper {
      flex-direction: row;
    }

    .gallery-top {
      width: 75%;
      height: 100%;
      margin-right: 10px;
    }

    .gallery-thumbs {
      width: 25%;
      height: 100%;
      flex-direction: column;
      align-items: stretch;
    }

    .gallery-thumbs .swiper-slide {
      min-height: 120px;
    }
  }
.swiper-button-next,
  .swiper-button-prev {
    color: #fff;
  }
.wp-block-p7-video-gallery{
    width: 100%;
    max-width: 100% !important;
    max-height: 600px !important;
    height: 600px;
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/*# sourceMappingURL=style-index.css.map*/