/*
 * Ürün · ana alan — Amerce styles.css'in üstüne yalnızca gerçek veri
 * farkları (modül köküyle sınırlı).
 */

/* Tek görselli ürün: küçük görsel şeridi yok, büyük görsel tam genişlik */
[data-module-name="urun-02-urun-detay"] .product-thumbs-slider.u-single-image .tf-product-media-thumbs {
    display: none;
}

[data-module-name="urun-02-urun-detay"] .product-thumbs-slider.u-single-image .flat-wrap-media-product {
    width: 100%;
    max-width: 100%;
}

/* Mağaza görselleri farklı oranda olabilir: büyük görsel kırpılmadan sığar */
[data-module-name="urun-02-urun-detay"] .tf-product-media-main .item img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

[data-module-name="urun-02-urun-detay"] .tf-product-media-thumbs .item img {
    width: 100%;
    aspect-ratio: 82 / 110;
    object-fit: cover;
}

/*
 * Varyant seçici. Her seçenekte görsel kutucuk (.u-var-swatch, yalnızca
 * seçeneğin görseli varsa basılır) ve metin çipi (.u-var-chip) birlikte
 * gelir. Varsayılan: metin çipi. Renk eksenlerinde (ad renk / color /
 * colour içeriyorsa) görseli olan seçenek kutucukla gösterilir.
 */
[data-module-name="urun-02-urun-detay"] .variant-picker-item .u-var-swatch {
    display: none;
}

[data-module-name="urun-02-urun-detay"] .variant-picker-item:is([data-axis*="renk"], [data-axis*="color"], [data-axis*="colour"]) .u-var-swatch {
    display: flex;
}

[data-module-name="urun-02-urun-detay"] .variant-picker-item:is([data-axis*="renk"], [data-axis*="color"], [data-axis*="colour"]) .u-var-chip.u-has-img {
    display: none;
}

/* Değerler sarılsın (çok seçenekli Trendyol grupları), boşluk renk satırındaki gibi */
[data-module-name="urun-02-urun-detay"] .tf-product-variant .variant-picker-values {
    flex-wrap: wrap;
    gap: 12px;
}

/* Beden tablosu bağlantısı yalnızca beden / ölçü eksenlerinde */
[data-module-name="urun-02-urun-detay"] .variant-picker-item .u-size-guide {
    display: none;
}

[data-module-name="urun-02-urun-detay"] .variant-picker-item:is([data-axis*="beden"], [data-axis*="size"], [data-axis*="numara"], [data-axis*="olcu"]) .u-size-guide {
    display: inline-flex;
}

/* Metin çipi: "Standart", "36-38", "128 GB" gibi uzun değerler de sığsın */
[data-module-name="urun-02-urun-detay"] .variant-size .size-btn.u-var-chip:not(.select-item, .style-radio) {
    width: auto;
    min-width: 44px;
    padding: 0 12px;
    white-space: nowrap;
    position: relative;
}

[data-module-name="urun-02-urun-detay"] .u-var-chip:focus-visible,
[data-module-name="urun-02-urun-detay"] .u-var-swatch:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

/* Tükenen seçenek: soluk ve çizili ama tıklanabilir (o varyantın sayfası açılır) */
[data-module-name="urun-02-urun-detay"] .u-var-chip.u-var-oos {
    opacity: .45;
    border-style: dashed;
}

/* Çapraz çizgi (tek harfli bedende üstü çizili yazı "Ł" gibi okunuyordu) */
[data-module-name="urun-02-urun-detay"] .u-var-chip.u-var-oos::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(to top right, transparent calc(50% - .5px), currentColor calc(50% - .5px), currentColor calc(50% + .5px), transparent calc(50% + .5px));
    pointer-events: none;
}

[data-module-name="urun-02-urun-detay"] .u-var-swatch.u-var-oos .img img {
    opacity: .45;
    filter: grayscale(1);
}

[data-module-name="urun-02-urun-detay"] .u-var-swatch.u-var-oos::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 4px;
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--line) calc(50% - 1px), var(--line) calc(50% + 1px), transparent calc(50% + 1px));
    pointer-events: none;
}

/* Seçili görsel kutucuk: Amerce'nin kenarlığı */
[data-module-name="urun-02-urun-detay"] .variant-color .color-btn.style-image.active {
    border-color: var(--text);
}

/* Stok bildirimi formu: tuzak alanı görünmez */
[data-module-name="urun-02-urun-detay"] .u-hp {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}

/* Birlikte alınanlar: tükenen ürün soluk */
[data-module-name="urun-02-urun-detay"] .list-bundle-prd .order-item:has(.tf-check:disabled:not(:checked)) {
    opacity: .55;
}

/* Amerce'nin .variant-color .color-btn / .variant-size .size-btn kuralları
   (display:flex) daha özgül: gizleme / gösterme aynı zincirle */
[data-module-name="urun-02-urun-detay"] .tf-product-info-wrap .variant-picker-item .color-btn.u-var-swatch {
    display: none;
}

[data-module-name="urun-02-urun-detay"] .tf-product-info-wrap .variant-picker-item:is([data-axis*="renk"], [data-axis*="color"], [data-axis*="colour"]) .color-btn.u-var-swatch {
    display: flex;
}

[data-module-name="urun-02-urun-detay"] .tf-product-info-wrap .variant-picker-item:is([data-axis*="renk"], [data-axis*="color"], [data-axis*="colour"]) .size-btn.u-var-chip.u-has-img {
    display: none;
}