/* ============================================================
   WooCommerce Product Video — Frontend Styles
   ============================================================
   #wcpv-video-block is injected by frontend.js immediately after
   .woocommerce-notices-wrapper — outside the constrained .summary
   column, so it naturally spans the full content width.
   ============================================================ */

#wcpv-video-block {
    display: block;
    width: 100%;
    margin: 0 0 28px;
    padding: 0;
    line-height: 0;
    clear: both;
}

/* ── Native <video> ──────────────────────────────────────────── */
#wcpv-video-block .wcpv-wrapper--native .wcpv-video {
    display: block;
    width: 100%;
    height: auto;
    background: #000;
}

/* ── Responsive 16:9 embed (YouTube / Vimeo) ─────────────────── */
#wcpv-video-block .wcpv-wrapper--embed .wcpv-responsive {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background: #000;
}

#wcpv-video-block .wcpv-wrapper--embed .wcpv-responsive iframe,
#wcpv-video-block .wcpv-wrapper--embed .wcpv-responsive object,
#wcpv-video-block .wcpv-wrapper--embed .wcpv-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* WordPress oEmbed wrapper */
#wcpv-video-block .wcpv-wrapper--embed .wcpv-responsive .wp-video,
#wcpv-video-block .wcpv-wrapper--embed .wcpv-responsive .wp-video-shortcode {
    width: 100% !important;
    height: 100% !important;
}