/* ==========================================================================
   HOMEPAGE & VIDEO LISTING HOVER PREVIEW EFFECTS
   ========================================================================== */

/* Card subtle lift on hover */
.video-list,
.video-wrapper,
.top-video-wrapper,
.video-latest-list {
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

@media (hover: hover) and (pointer: fine) {
    .video-list:hover,
    .video-wrapper:hover,
    .top-video-wrapper:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
    }

    /* Thumbnail image smooth zoom */
    .video-list-image,
    .video-thumb {
        overflow: hidden !important;
        border-radius: 8px !important;
        position: relative !important;
    }

    .video-list-image img,
    .video-thumb img {
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
        will-change: transform;
    }

    .video-list:hover .video-list-image img,
    .video-wrapper:hover .video-thumb img,
    .top-video-wrapper:hover .video-thumb img {
        transform: scale(1.08) !important;
    }

    /* Play button overlay enhancement */
    .video-list .play_hover_btn,
    .video-thumb .play_hover_btn {
        transition: transform 0.25s ease, opacity 0.25s ease, background-color 0.25s ease !important;
    }

    .video-list:hover .play_hover_btn,
    .video-wrapper:hover .play_hover_btn {
        opacity: 1 !important;
        transform: scale(1.15) !important;
    }

    /* Title color accent on hover */
    .video-list:hover .video-list-title h4,
    .video-wrapper:hover .video-title a {
        color: #ff2d55 !important;
        transition: color 0.2s ease;
    }
}