/* WPVFE Frontend — Direct autoplay mode */

.wpvfe-gallery-item {
    position: relative;
}

/* Hide WC zoom trigger on video items */
.wpvfe-gallery-item .woocommerce-product-gallery__trigger {
    display: none !important;
    pointer-events: none !important;
}

/* Player fills the gallery item */
.wpvfe-player {
    width: 100%;
}

/* iframe/video 4:3 ratio */
.wpvfe-iframe-wrap {
    position: relative;
    width: 100%;
    padding-top: 75%; /* 4:3 */
    background: #000;
}

.wpvfe-iframe-wrap iframe,
.wpvfe-iframe-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* Shortcode wrapper */
.wpvfe-shortcode-wrap {
    width: 100%;
}

.wpvfe-shortcode-wrap .wpvfe-gallery-item {
    width: 100%;
}

/* Owl Carousel (shortcode only) */
.wpvfe-owl.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5) !important;
    color: #fff !important;
    width: 32px;
    height: 32px;
    border-radius: 50% !important;
    font-size: 18px !important;
    line-height: 1 !important;
    z-index: 10;
}

.wpvfe-owl.owl-carousel .owl-nav button:hover {
    background: rgba(0,0,0,0.85) !important;
}

.wpvfe-owl.owl-carousel .owl-nav .owl-prev { left: 6px; }
.wpvfe-owl.owl-carousel .owl-nav .owl-next { right: 6px; }

.wpvfe-owl.owl-carousel .owl-dots {
    margin-top: 8px;
    text-align: center;
}

.wpvfe-owl.owl-carousel .owl-dot span { background: #ccc !important; }
.wpvfe-owl.owl-carousel .owl-dot.active span { background: #333 !important; }
