/**
 * Ürün listeleme sayfalarında resim üzerine gelince oynayan video.
 * Bu dosya sadece shop/kategori/etiket/arama sayfalarında yüklenir.
 */

/* Video overlay'in resmin tam üzerine oturması için, onu saran
   kapsayıcı (genelde ürün linki <a>) relative konuma alınır. */
.verimax-hover-video-active {
    position: relative;
    overflow: hidden;
}

.verimax-hover-video {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    background: #000;
    overflow: hidden; /* buyutulen iframe'in tasan kisimlarini gizler */
}

.verimax-hover-video.is-visible {
    opacity: 1;
}

.verimax-hover-video video,
.verimax-hover-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
}

/* NOT: iframe (YouTube/Vimeo) icin yukaridaki width/height/position degerleri
   sadece JS calismadan once bir an icin gorunecek varsayilan degerlerdir.
   JS (hover-video.js -> sizeEmbedToCover), iframe'i konteynerin dikey/yatay
   oranina gore buyutup ortalayarak "object-fit: cover" davranisini elle
   uygular; cunku tarayicilar object-fit'i bir iframe'in ICINDEKI oynatici
   icerigine degil, sadece iframe kutusunun kendisine uygulayabilir. */