/* public/css/app.css — özel stiller (Tailwind CDN üzerinden geliyor, burada eklentiler) */

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #f97316; border-radius: 3px; }

/* ── Ürün kartı hover efektleri ── */
.product-card:hover .card-actions { opacity: 1; }
.card-actions { opacity: 0; transition: opacity .25s ease; }

/* ── Fiyat üstü çizili ── */
.price-old { text-decoration: line-through; color: #9ca3af; }

/* ── Badge ── */
.badge-indirim {
    position: absolute; top: 10px; left: 10px;
    background: #ef4444; color: #fff;
    font-size: .7rem; font-weight: 700;
    padding: 2px 7px; border-radius: 999px;
}

/* ── Sepet badge ── */
.cart-badge {
    position: absolute; top: -6px; right: -6px;
    background: #f97316; color: #fff;
    font-size: .6rem; font-weight: 700;
    width: 18px; height: 18px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
}

/* ── Sidebar ── */
.sidebar-filter-title {
    font-size: .8rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .05em;
    color: #374151;
}

/* ── Ürün galeri thumbnail seçili ── */
.thumb-active { border-color: #f97316 !important; }

/* ── Tablo ── */
.table-auto th { background: #f3f4f6; font-size: .8rem; }

/* ── Alpine transition ── */
[x-cloak] { display: none !important; }

/* ── Sayfa başlığı dekorasyonu ── */
.section-title::after {
    content: '';
    display: block;
    width: 48px; height: 3px;
    background: #f97316;
    margin-top: 6px;
    border-radius: 2px;
}