/* Modern Google Font Eklemesi */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Genel Gövde Ayarları (Tam karanlık yerine modern lacivert/gri tonları) */
body {
    font-family: 'Inter', sans-serif;
    background-color: #0b0e14 !important; /* En arka plan */
    color: #e2e8f0;
}

/* Bootstrap Arka Plan Ezmeleri */
.bg-dark {
    background-color: #151922 !important; /* Kart ve Menü arka planları */
}

/* Çizgi ve Kenarlık Renkleri */
.border-secondary {
    border-color: #2a3143 !important;
}

/* Üst Menü (Navbar) */
.navbar {
    background-color: #11141b !important;
    border-bottom: 1px solid #2a3143 !important;
}

/* Kategori Çubuğu (Navbar Altı) */
.bg-secondary.bg-opacity-10 {
    background-color: #151922 !important;
    border-bottom: 1px solid #2a3143 !important;
}

/* Kategori Linkleri Hover Efekti */
.custom-scrollbar a {
    padding: 8px 12px;
    border-radius: 6px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.custom-scrollbar a:hover {
    background-color: rgba(255, 255, 255, 0.05);
    color: #ffffff !important;
}

/* Ürün Kartları (Daha modern ve küçük - image_0.png) */
.product-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    border: 1px solid #2a3143 !important;
    border-radius: 8px;
    overflow: hidden;
}

.product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6) !important;
    border-color: #3f4a63 !important;
}

.product-card .card-img-top {
    height: 140px; /* Daha küçük görsel */
    object-fit: contain;
    padding: 10px;
    background-color: rgba(0,0,0,0.2);
    border-bottom: 1px solid #2a3143;
}

/* Form Elemanları */
.form-control, .form-select, .form-check-input {
    background-color: #0b0e14 !important;
    border-color: #2a3143 !important;
    color: #e2e8f0 !important;
}
.form-control:focus, .form-select:focus, .form-check-input:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.15);
}
.form-check-input:checked {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
}

/* Butonlar */
.btn-primary {
    background-color: #3b82f6;
    border-color: #3b82f6;
}
.btn-primary:hover {
    background-color: #2563eb;
}

/* Metin Renkleri */
.text-muted { color: #8a99ae !important; }
.text-success { color: #10b981 !important; }
.extra-small { font-size: 0.7rem; }
.w-15 { width: 1.5rem; text-align: center; margin-right: 0.5rem; }

/* Filtre Paneli Styles (image_0.png) */
.filter-sidebar .card-header {
    background-color: rgba(255,255,255,0.02) !important;
}
.filter-sidebar label.form-label {
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* Modern Kullanıcı Paneli Styles (Offcanvas - image_6.png) */
.modern-user-panel .offcanvas-header {
    background-color: #11141b !important;
}
.modern-user-panel .offcanvas-body {
    background-color: #151922 !important;
}
.user-panel-nav .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.04);
}
.user-panel-nav .nav-link i {
    transition: color 0.2s;
}
.user-panel-nav .nav-link:hover i {
    color: #3b82f6 !important;
}