/*
 * Galeri (Swiper'lar script.js'te kurulur). Büyük görsel kutusu
 * ürünün ilk görselinin oranını alır (--u-gallery-ratio, script.js);
 * görsel kırpılmadan sığar.
 *
 * Unimart klasör biçimini 536×412'lik bir SVG maskeyle veriyor; oran
 * değişince SVG ya ortalanıp üstü/altı gizliyor ya da köşe esniyor.
 * Aynı biçim CSS ile: yuvarlak kenar + sağ üstte sabit boyda kesik.
 */
[data-module-name="urun-02-single-product"] .product-single-slider-two-activation {
    /* Unimart'ın kuralı daha özgül (.rbt-single-product-media-area.… zinciri) */
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border-radius: 16px;
    clip-path: polygon(0 0, calc(100% - 100px) 0, 100% 100px, 100% 100%, 0 100%);
}

/* Küçük görseller maskenin kendi oranında (88×68), görsel kaplar */
[data-module-name="urun-02-single-product"] .product-single-slider-two-thumb-activation .rbt-thumb-img-sm {
    aspect-ratio: 88 / 68;
}

[data-module-name="urun-02-single-product"] .product-single-slider-two-activation .rbt-product-single-img {
    aspect-ratio: var(--u-gallery-ratio, 1);
    height: auto;
}

[data-module-name="urun-02-single-product"] .rbt-thumb-img-sm img,
[data-module-name="urun-02-single-product"] .rbt-product-single-img img {
    display: block;
    width: 100%;
    height: 100%;
}

[data-module-name="urun-02-single-product"] .rbt-thumb-img-sm img {
    object-fit: cover;
}

[data-module-name="urun-02-single-product"] .rbt-product-single-img img {
    object-fit: contain;
}

/*
 * Dikey küçük görsel şeridi büyük görselin boyunda: sütun satırın
 * yüksekliğine gerilir, şerit içeriğiyle satırı uzatmadan onu doldurur.
 */
@media (min-width: 992px) {
    [data-module-name="urun-02-single-product"] [data-image-count] {
        display: flex;
        flex-direction: column;
    }

    [data-module-name="urun-02-single-product"] .product-single-slider-two-thumb-activation {
        flex: 1 1 0;
        min-height: 0;
        width: 100%;
        max-height: none;
    }

    /* slidesPerView:auto — slayt kendi boyunda (swiper.css %100 veriyor) */
    [data-module-name="urun-02-single-product"] .product-single-slider-two-thumb-activation .swiper-slide {
        height: auto;
    }
}

/* Kaydıracak görsel yoksa oklar görünmesin (Swiper watchOverflow) */
[data-module-name="urun-02-single-product"] .rbt-swiper-arrow.swiper-button-lock {
    display: none;
}

/*
 * Varyant seçici. Her seçenekte görsel kutucuk (u-var-swatch) ve
 * metin çipi (u-var-chip) birlikte gelir; varsayılan metin çipidir.
 * Görsel yalnızca renk eksenlerinde ve seçeneğin görseli varsa
 * gösterilir — bedende her seçeneğin görseli aynı ürün fotoğrafı.
 * (Seçici zinciri Unimart'ın .rbt-switcher--prd kuralını geçmeli.)
 */
[data-module-name="urun-02-single-product"] .rbt-product-switch-area .rbt-switcher-product-list li .u-var-swatch.rbt-switcher--prd {
    display: none;
}

[data-module-name="urun-02-single-product"] .rbt-product-switch-area:is([data-variation_key*="renk"], [data-variation_key*="color"], [data-variation_key*="colour"]) .rbt-switcher-product-list li.u-var-has-img .u-var-swatch.rbt-switcher--prd {
    display: block;
}

[data-module-name="urun-02-single-product"] .rbt-product-switch-area:is([data-variation_key*="renk"], [data-variation_key*="color"], [data-variation_key*="colour"]) li.u-var-has-img .u-var-chip {
    display: none;
}

/* Metin çipi: seçili olan dolu (Unimart li.active kuralı), diğerleri çerçeveli */
[data-module-name="urun-02-single-product"] .rbt-switcher-product-list .u-var-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 48px;
    justify-content: center;
    white-space: nowrap;
}

[data-module-name="urun-02-single-product"] .rbt-switcher-product-list li:not(.active) .u-var-chip:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* Tükenen seçenek: soluk ve üstü çizili ama tıklanabilir */
[data-module-name="urun-02-single-product"] .rbt-switcher-product-list li.u-var-oos .u-var-chip {
    opacity: .55;
    border-style: dashed;
}

[data-module-name="urun-02-single-product"] .rbt-switcher-product-list li.u-var-oos .u-var-chip .rbt-store-radio-button {
    text-decoration: line-through;
}

[data-module-name="urun-02-single-product"] .u-var-oos-note {
    font-size: 10px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: var(--color-danger, #e33);
}

[data-module-name="urun-02-single-product"] .rbt-switcher-product-list li.u-var-oos .u-var-swatch > img {
    opacity: .45;
    filter: grayscale(1);
}

/* Görsel kutucukta tükendi çizgisi */
[data-module-name="urun-02-single-product"] .rbt-switcher-product-list li.u-var-oos .u-var-swatch::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 6px;
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--color-gray-400, #9ca3af) calc(50% - 1px), var(--color-gray-400, #9ca3af) calc(50% + 1px), transparent calc(50% + 1px));
    pointer-events: none;
}