/* ============================================================================
   Ürün kartı: adet sayacı + künye bağlantıları (listeleme + anasayfa)
   Sepete ekle grubunun hemen üstünde, karta gelince beliren küçük − 1 + kutusu.
   Davranış: static/js/urun-adet.js
   Tema, hover grubunu 1024px altında gizliyor (.product-button-group
   display:none) — sayaç da aynı eşikte gizlenir, mobilde kart yine detay
   sayfasına götürür.
   ============================================================================ */
.urun-adet {
    display: none;
}

@media (min-width: 1025px) {
    .urun-adet {
        position: absolute;
        left: 50%;
        /* İkon sırası 45px yüksekliğinde ve tema hover'da onları translateY(-20px)
           ile kaldırıyor → üst kenarları 65px'e çıkıyor. Sayaç bunun üstünde
           kalsın diye 65 + 11px boşluk. */
        bottom: 76px;
        z-index: 3;
        display: flex;
        align-items: center;
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
        transition: all 300ms ease;
        background: #fff;
        border: 1px solid var(--kenar);
        border-radius: 20px;
        box-shadow: 0 6px 16px rgba(var(--golge-rgb), 0.14);
        overflow: hidden;
    }

    .product-item:hover .urun-adet {
        opacity: 1;
        visibility: visible;
    }

    .urun-adet button {
        width: 30px;
        height: 30px;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--ink);
        font-size: 17px;
        line-height: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .urun-adet button:hover:not(:disabled) {
        background: var(--yuzey);
        color: var(--marka);
    }

    .urun-adet button:disabled {
        color: var(--kenar-koyu);
        cursor: default;
    }

    .urun-adet .urun-adet-sayi {
        width: 34px;
        height: 30px;
        padding: 0;
        border: 0;
        border-left: 1px solid var(--kenar);
        border-right: 1px solid var(--kenar);
        background: #fff;
        color: var(--ink);
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        cursor: default;
    }
}

/* Kart künyesi: yazar ve yayınevi adları kendi kitap listelerine bağlanır.
   Rengi bulunduğu satırdan devralır ki kartın görünümü değişmesin. */
.kart-kunye-link {
    color: inherit;
    text-decoration: none;
}

.kart-kunye-link:hover,
.kart-kunye-link:focus {
    color: var(--marka);
    text-decoration: underline;
}