/*
=========================================
Nyamekeba Featured Product Video
Version: 1.0
=========================================
*/


/* ===================================================
   SINGLE PRODUCT PAGE
=================================================== */

.single-product .woocommerce-product-gallery__image{
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    overflow:hidden;
}

.single-product .woocommerce-product-gallery__wrapper{
    margin:0;
    padding:0;
}

.single-product .woocommerce-product-gallery__image .nfpv-video{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    object-fit:contain;
    background:#fff;
    border-radius:8px;
}


/* ===================================================
   SHOP / CATEGORY / ARCHIVE
=================================================== */

.nfpv-shop-video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:8px;
    background:#fff;
}


/* Ensure the shop image container behaves correctly */

.astra-shop-thumbnail-wrap{
    overflow:hidden;
}

.astra-shop-thumbnail-wrap video{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}


/* ===================================================
   GENERAL VIDEO STYLING
=================================================== */

.nfpv-video{
    display:block;
    background:#fff;
    outline:none;
}

.nfpv-video:focus{
    outline:none;
}


/* Hide browser controls */

.nfpv-video::-webkit-media-controls{
    display:none !important;
}

.nfpv-video::-webkit-media-controls-enclosure{
    display:none !important;
}


/* ===================================================
   RESPONSIVE
=================================================== */

@media (max-width:768px){

    .single-product .woocommerce-product-gallery__image{
        min-height:320px;
    }

    .nfpv-shop-video{
        border-radius:6px;
    }

}

/* ==========================================
   Single Product Featured Video
========================================== */

/* Clip everything inside the gallery */
.single-product .woocommerce-product-gallery__image{
    overflow: hidden !important;
    border-radius: 20px;
}

/* Video */
.single-product .woocommerce-product-gallery__image .nfpv-video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
    overflow: hidden;
}

/* The actual video element */
.single-product .woocommerce-product-gallery__image .nfpv-video video,
.single-product .woocommerce-product-gallery__image video{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    border-radius: 20px;
}