/* ============================================================
   Brightcove Lazy Load — CBT News
   Add this to your child theme style.css
   OR enqueue as a separate file (see brightcove-lazy-load.php)
   ============================================================ */

/* Outer wrapper */
.bc-video-outer {
    position: relative;
    display: block;
    max-width: 1200px;
}

/* Aspect ratio wrapper 16:9 */
.bc-video-ratio {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    background: #fff;
}

/* Facade overlay */
.bc-facade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 12px;
}

/* Skeleton lines wrapper */
.bc-skeleton-wrap {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    pointer-events: none;
}

/* Individual skeleton line */
.bc-skeleton-line {
    height: 13px;
    border-radius: 99px;
    background: linear-gradient(
        90deg,
        #ebebeb 25%,
        #f5f5f5 50%,
        #ebebeb 75%
    );
    background-size: 200% 100%;
    animation: bc-shimmer 1.4s infinite;
}

.bc-skeleton-line:nth-child(1) { width: 100%; }
.bc-skeleton-line:nth-child(2) { width: 80%;  }
.bc-skeleton-line:nth-child(3) { width: 60%;  }
.bc-skeleton-line:nth-child(4) { width: 40%;  }
.bc-skeleton-line:nth-child(5) { width: 20%;  }

@keyframes bc-shimmer {
    0%   { background-position:  200% 0; }
    100% { background-position: -200% 0; }
}

/* Injected iframe */
.bc-video-ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}