/* kiff-media-final.css — نمایش قطعی تصویر و ویدئو */

/* ═══ کارت خبر — تصویر ═══ */
.news-card .img-wrap {
    width: 100% !important;
    aspect-ratio: 16/9 !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #1a2632, #2e3f4c) !important;
    position: relative !important;
    display: block !important;
}
.news-card .img-wrap img,
.news-card .img-wrap video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    transition: transform .5s ease !important;
}
.news-card:hover .img-wrap img,
.news-card:hover .img-wrap video {
    transform: scale(1.04) !important;
}
.news-card .img-wrap.kiff-no-img img,
.news-card .img-wrap.kiff-no-img video { display: none !important; }

.news-card .img-wrap.kiff-no-img {
    background: linear-gradient(135deg, #1a2632 0%, #2e3f4c 50%, #1a2632 100%) !important;
    position: relative !important;
}
.news-card .img-wrap.kiff-no-img::after {
    content: '🎬' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 3.5rem !important;
    opacity: .28 !important;
    pointer-events: none !important;
}

/* اگر ویدئو → علامت پلی */
.news-card .img-wrap.kiff-video::before {
    content: '▶' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.65) !important;
    color: #fff !important;
    font-size: 1.4rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
    border: 2px solid rgba(255,255,255,.9) !important;
    pointer-events: none !important;
}

/* ═══ مودال — تصویر و ویدئو ═══ */
#newsModal .modal-box .modal-img,
#newsModal .modal-box .modal-col-content .modal-img,
.modal-box .modal-img {
    width: 100% !important;
    height: auto !important;
    max-height: 420px !important;
    min-height: 200px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 14px !important;
    margin: 0 0 16px 0 !important;
    display: block !important;
    aspect-ratio: 16/9 !important;
    background: linear-gradient(135deg, #1a2632, #2e3f4c) !important;
    border: 1px solid rgba(212,175,55,.2) !important;
    flex-shrink: 0 !important;
}
#newsModal .modal-box .modal-img.kiff-no-img {
    display: none !important;
}
#newsModal .modal-box video.modal-img,
#newsModal .modal-box video.modal-video,
.modal-box video.modal-video {
    width: 100% !important;
    max-height: 420px !important;
    min-height: 200px !important;
    aspect-ratio: 16/9 !important;
    object-fit: cover !important;
    background: #000 !important;
    border-radius: 14px !important;
    margin: 0 0 16px 0 !important;
    display: block !important;
    border: 1px solid rgba(212,175,55,.2) !important;
    flex-shrink: 0 !important;
}
@media (max-width: 640px) {
    #newsModal .modal-box .modal-img,
    #newsModal .modal-box video.modal-video {
        max-height: 260px !important;
        min-height: 160px !important;
        aspect-ratio: 16/10 !important;
    }
}