/* Simple Product Zoom Styles */

/* Ana container ayarları - overflow:hidden'ı override et */
.main-image-container {
    position: relative !important;
    overflow: visible !important;
    display: inline-block;
}

/* Product detail sayfasında overflow'u düzelt */
.product-detail .main-image-container {
    overflow: visible !important;
}

.product-gallery-modern .main-image-container {
    overflow: visible !important;
}

/* Ana görsel hover efekti */
.main-image-container:hover {
    cursor: crosshair;
}

/* Zoom lens hover göstergesi */
.main-image-container::after {
    content: '🔍 Yakınlaştırmak için üzerine gelin';
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 10;
}

.main-image-container:hover::after {
    opacity: 1;
}

/* Zoom result box animasyonu */
.zoom-result-box {
    animation: fadeIn 0.3s ease;
}

.zoom-lens-box {
    animation: fadeIn 0.2s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Mobil cihazlar için zoom özelliğini tamamen devre dışı bırak */
@media (max-width: 768px) {
    /* Zoom hover efektini kaldır */
    .main-image-container:hover {
        cursor: default !important;
    }
    
    /* Zoom gösterge yazısını gizle */
    .main-image-container::after {
        display: none !important;
    }
    
    /* Zoom result box'ı gizle */
    .zoom-result-box {
        display: none !important;
    }
    
    /* Zoom lens'i gizle */
    .zoom-lens-box {
        display: none !important;
    }
}

/* Tablet için ayarlamalar */
@media (min-width: 769px) and (max-width: 1200px) {
    .zoom-result-box {
        left: auto !important;
        right: -420px !important;
    }
}

/* Büyük ekranlar için */
@media (min-width: 1600px) {
    .zoom-result-box {
        width: 500px !important;
        height: 500px !important;
    }
}

/* Zoom aktifken görsel seçimini engelle */
.main-image-container img {
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
}

/* Smooth geçişler */
.main-product-image {
    transition: transform 0.3s ease;
}

/* Touch cihazlar için zoom butonu hover efekti */
@media (hover: none) {
    .main-image-container button:hover {
        background: #d3a7fa !important;
        color: white !important;
    }
}