/* ══════════════════════════════════════════════
   Global Video Modal Styles
   Used by product.php, shop.php, newsfeed.php
   and any page that includes js/video-modal.js
   ══════════════════════════════════════════════ */

/* Bootstrap-based video modal (#globalVideoModal) */
#globalVideoModal .modal-content {
    background: #000;
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

#globalVideoModal .modal-header {
    border-bottom: none;
    padding: 8px 12px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

#globalVideoModal .modal-header .close {
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    opacity: 0.9;
    font-size: 1.8rem;
}

#globalVideoModal .modal-body {
    padding: 0;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#globalVideoModal .fb-video {
    width: 100%;
}

#globalVideoModal .video-loading {
    color: #fff;
    text-align: center;
    padding: 40px;
}

#globalVideoModal .video-loading i {
    font-size: 2rem;
    margin-bottom: 10px;
    display: block;
}