/* Metbee Archive Video Hover */

article.elementor-post.metbee-has-hover-video .elementor-post__thumbnail {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    background: #000000 !important;
}

article.elementor-post.metbee-has-hover-video .elementor-post__thumbnail img {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    opacity: 1;

    transform: none !important;
    transition: opacity 0.28s ease !important;
}


/* Video katmanı */
article.elementor-post.metbee-has-hover-video .metbee-post-video-hover {
    position: absolute;
    inset: 0;
    z-index: 2;

    display: block;

    width: 100%;
    height: 100%;

    overflow: hidden;

    border-radius: inherit;
    background: #000000;

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transition:
        opacity 0.28s ease,
        visibility 0s linear 0.28s;
}


/* Video başladığında görünür */
article.elementor-post.metbee-has-hover-video.metbee-video-playing
.metbee-post-video-hover {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}


/* Video oynarken kapak görselini gizle */
article.elementor-post.metbee-has-hover-video.metbee-video-playing
.elementor-post__thumbnail img {
    opacity: 0 !important;
}


/*
 * Kart görseli kare, standart YouTube videosu ise 16:9'dur.
 *
 * Iframe kare alanı tamamen dolduracak biçimde büyütülür.
 * Ek olarak yaklaşık %15 zoom uygulanır.
 *
 * Video yukarı doğru hafif kaydırılarak YouTube başlığı ve
 * üst bölümdeki arayüz kırpılmış alanın dışında bırakılır.
 */
article.elementor-post.metbee-has-hover-video
.metbee-post-video-hover iframe {
    position: absolute;

    top: 44%;
    left: 50%;

    display: block;

 width: 292.22%;
height: 185%;

    max-width: none !important;
    max-height: none !important;

    margin: 0;
    padding: 0;

    border: 0;

    pointer-events: none;

    transform: translate(-50%, -50%);
    transform-origin: center center;
}


/* Dokunmatik cihazlarda video hover kapalı */
@media (hover: none), (pointer: coarse) {

    article.elementor-post.metbee-has-hover-video
    .metbee-post-video-hover {
        display: none !important;
    }

    article.elementor-post.metbee-has-hover-video
    .elementor-post__thumbnail img {
        opacity: 1 !important;
    }
}