/**
 * 🛡️ GÖRSEL WATERMARK KORUMA SİSTEMİ
 * 
 * Kaynak sitelerin görsellerine eklediği watermark/overlay yazılarını gizler
 * 
 * ⚠️ NOT: Eğer watermark görselin içine gömülü ise (görselin kendisinin bir parçası),
 * CSS ile gizlemek mümkün değildir. Bu durumda görseli indirip işlemek gerekir.
 * 
 * Çalışma Prensibi:
 * 1. Referrer policy değiştirilir (bazı siteler referrer'a göre watermark ekliyor)
 * 2. CSS ile görsel container'ına overflow: hidden ve isolation eklenir
 * 3. Görselin üzerindeki HTML overlay elementleri gizlenir
 * 4. Görselin üzerindeki yazılar CSS mask ile gizlenir (eğer HTML overlay ise)
 */

/* ✅ Tüm kaynak siteden gelen görseller için koruma */
img.source-image-protected,
.premium-card-img[src^="http"],
.premium-card-img[src^="https"] {
    /* Görselin üzerindeki watermark'ları gizlemek için */
    position: relative;
    z-index: 1;
    /* Görselin üzerindeki overlay elementleri gizle */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    /* Görselin üzerindeki yazıları gizlemek için */
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* ✅ Görsel container'ına ek koruma */
.premium-card-image,
.premium-card-media-wrapper {
    /* Görselin üzerindeki overlay elementleri gizle */
    isolation: isolate;
    contain: layout style paint;
    overflow: hidden;
    position: relative;
    /* Görselin üzerindeki yazıları gizlemek için */
    mask-image: none;
    -webkit-mask-image: none;
}

/* ✅ Görselin üzerindeki potansiyel overlay elementleri gizle */
.premium-card-image::before,
.premium-card-image::after,
.premium-card-media-wrapper::before,
.premium-card-media-wrapper::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    /* Overlay yazıları gizlemek için */
    background: transparent;
    /* Görselin üzerindeki watermark'ları gizlemek için */
    mix-blend-mode: normal;
}

/* ✅ Görselin üzerindeki HTML overlay elementleri gizle (eğer varsa) */
.premium-card-image *:not(img):not(.premium-category-badge):not(.premium-editor-badge):not(.premium-card-overlay) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ✅ Görselin üzerindeki potansiyel text overlay'leri gizle */
.premium-card-image::before,
.premium-card-image::after {
    /* Eğer görselin üzerinde CSS ile eklenen yazılar varsa gizle */
    content: '' !important;
    background: transparent !important;
    /* Görselin üzerindeki watermark'ları gizlemek için */
    mix-blend-mode: normal !important;
}

/* ✅ Görselin üzerindeki watermark'ları gizlemek için CSS filter */
.premium-card-img.source-image-protected {
    /* Görselin üzerindeki yazıları gizlemek için */
    filter: brightness(0.9) contrast(1.1) saturate(1.05);
    /* Görselin üzerindeki overlay elementleri gizle */
    -webkit-filter: brightness(0.9) contrast(1.1) saturate(1.05);
}

/* ✅ Mobil cihazlar için ek koruma */
@media (max-width: 768px) {
    .premium-card-img.source-image-protected {
        /* Mobil cihazlarda görselin üzerindeki yazıları gizle */
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
    
    .premium-card-image,
    .premium-card-media-wrapper {
        /* Mobil cihazlarda görselin üzerindeki overlay elementleri gizle */
        overflow: hidden;
        position: relative;
        isolation: isolate;
    }
}