/********************************************************************************************************************
 * 2023 Viqeo
 *
 * MODULE Viqeo
 *
 * @author    Viqeo <info@viqeotv.com>
 * @copyright Viqeo 2023
 * @license   MIT
 * @version   1.2.0
 * @link      https://viqeo.tv
 *
 *  Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
 *  documentation files (the "Software"), to deal in the Software without restriction, including without limitation
 *  the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
 *  and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 *  
 *  The above copyright notice and this permission notice shall be included in all copies or substantial portions of
 *  the Software.
 *  
 *  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
 *  TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
 *  THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 *  OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 *  DEALINGS IN THE SOFTWARE.
 *  
 *********************************************************************************************************************/

.video-popup-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
}

.video-popup-overlay .title {
    padding: 16px;
    margin-bottom: 0;
    background-color: #e5e5e5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.video-popup-overlay .popup {
    margin: 70px auto;
    background: #fff;
    border-radius: 5px;
    width: 50%;
    position: relative;
}

.video-popup-overlay .popup .close {
    position: absolute;
    top: -40px;
    right: -31px;
    font-size: 50px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    float: right;
}

.video-popup-overlay .popup .close:hover {
    color: #000;
}

.viqeo-cover-video-wrapper {
    text-align: center;
    margin-top: 5px;
    min-height: 37px;
}

.viqeo-cover-video {
    visibility: hidden;
}

.product-flags {
    z-index: 11;
}

.product-videos .product-video {
    margin-bottom: 16px;
}

.product-videos .product-video:last-child {
    margin-bottom: 0;
}

.product-videos {
    padding: 32px 0;
}

.product-footer-viqeo {
    padding: 32px 0 60px 0;
}

.modal-footer .product-videos {
    text-align: left;
    font-size: 0;
    padding: 24px 0;
}

.modal-footer .product-videos .product-video {
    display: inline-block;
    width: 33.3333333333%;
    padding: 0 10px;
}

@media (max-width: 768px) {
    .modal-footer .product-videos .product-video {
        display: inline-block;
        width: 50%;
    }
}

@media (max-width: 500px) {
    .modal-footer .product-videos .product-video {
        display: inline-block;
        width: 100%;
    }
}

.viqeo-cover-video-wrapper .modal-content {
    background: transparent;
    border: none;
}

.viqeo-cover-video-wrapper .modal-header .close {
    opacity: 1;
}

.viqeo-cover-video-wrapper .modal-header {
    border: none;
}

#product-modal .modal-body figure {
    position: relative;
}

.images-container .product-cover .viqeo,
#product-modal .modal-content .modal-body .product-cover-modal.viqeo {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}