/* ==================================================
   DAILYPOST MEDIA COMPONENT
   Image & Video Embed
   Refactor 10 July 2026
================================================== */

/* FEATURED IMAGE */

body .detail-article .article-featured-image{
    width:100%;
    overflow:hidden;
}

body .detail-article .article-featured-image img{
    width:100%;
    height:auto;
    display:block;
    aspect-ratio:16/9;
    object-fit:cover;
}

body .detail-article .article-featured-image figcaption{
    margin-top:8px;
    text-align:center;
    color:#6b7280;
    font-size:14px;
}


/* ARTICLE VIDEO */

body .detail-article .article-video-main{
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#000;
    margin:20px 0;
}

body .detail-article .article-video-main iframe{
    width:100%;
    height:100%;
    display:block;
}


/* X / TWITTER */

body .detail-article .article-x-video-main{
    width:100%;
    max-width:520px;
    margin:22px auto;
    overflow:hidden;
    background:#000;
}


/* TIKTOK */

body .detail-article .article-tiktok-video-main{
    width:100%;
    max-width:520px;
    margin:22px auto;
    overflow:hidden;
}


@media(max-width:767px){

    body .detail-article .article-x-video-main,
    body .detail-article .article-tiktok-video-main{
        max-width:100%;
    }

}