@import url('dark-mode-global.css');
@import url('mobile-global.css');

/* ==================== TEMA DEĞİŞKENLERİ ==================== */
:root {
    --bg: #f4f6f9;
    --card: #ffffff;
    --text: #111111;
    --text-muted: #6b7280;
    --border: #e5e7eb;
    --accent: #f39c12;
}

html.dark-mode {
    --bg: #0f172a;
    --card: #1e293b;
    --text: #f1f5f9;
    --text-muted: #94a3b8;
    --border: #334155;
    --accent: #f39c12;
}

/* ==================== TEMEL ELEMENTLER ==================== */
body {
    background-color: var(--bg) !important;
    color: var(--text) !important;
    font-family: 'Inter', sans-serif;
    transition: background-color 0.3s, color 0.3s;
}

/* Flash messages — shown on the page where the action happened */
.flash-messages-stack {
    max-width: 1140px;
    margin: 12px auto 0;
    padding: 0 12px;
}
.flash-messages-stack .flash-alert {
    border-radius: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}
.profile-wrap > .flash-messages-stack {
    max-width: none;
    margin: 0 0 16px;
    padding: 0;
}

/* Başlıklar, metinler */


/* Kartlar, paneller, tablolar */
.card, .auth-card, .order-card, .purchase-card,
.points-card, .stat-card, .terms-container, .register-card,
.description-box, .boost-card, .funds-card, .filter-sidebar,
.chat-list-container, .table-custom, .checkout-card,
.table, .table th, .table td, .table-responsive,
.modal-content, .bg-white, .order-card, .chat-sidebar, .chat-main {
    background-color: var(--card) !important;
    border-color: var(--border) !important;
}

/* Form elemanları */
.form-control, .form-select {
    background-color: var(--card) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}

/* Navbar ve footer */
.navbar {
    background-color: var(--card) !important;
    border-bottom: 1px solid var(--border) !important;
}
footer {
    background-color: #111 !important;
    color: #aaa !important;
}
html.dark-mode footer {
    background-color: #0f172a !important;
    color: #94a3b8 !important;
}

/* Kategori butonları */
.cat-pill {
    background-color: var(--card) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}

/* Rozetler */
.badge.bg-light {
    background-color: var(--border) !important;
    color: var(--text) !important;
}

/* Buton varyasyonları */
.btn-outline-secondary {
    border-color: var(--border) !important;
    color: var(--text) !important;
}

/* ==================== OKUNABİLİRLİK PATLAMASI ==================== */
/* Dark modda kesinlikle açık renk */
html.dark-mode .category-card h6,
html.dark-mode .category-card .cat-title,
html.dark-mode .category-card span,
html.dark-mode .category-card .fw-bold,
html.dark-mode .purchase-card h2,
html.dark-mode .purchase-card .price-tag,
html.dark-mode .purchase-card .fw-bold,
html.dark-mode .description-box p,
html.dark-mode .description-box h4,
html.dark-mode .seller-card h5,
html.dark-mode .seller-card .fw-bold,
html.dark-mode .navbar span.fw-bold,
html.dark-mode .navbar .text-dark,
html.dark-mode .chat-last-msg,
html.dark-mode .chat-name span {
    color: #f1f5f9 !important;
}

/* Eğer siyah istersen yukarıdaki satırın #f1f5f9 olan kısmını #000000 yap, ama siyah dark modda görünmez. */

/* Özel renkleri koru (yeşil, kırmızı, sarı, mavi) */
.text-success, .badge.bg-success { color: #10b981 !important; }
.text-danger, .badge.bg-danger { color: #ef4444 !important; }
.text-warning, .badge.bg-warning { color: #f59e0b !important; }
.text-info, .badge.bg-info { color: #3b82f6 !important; }
.text-white { color: #ffffff !important; }
/* ========== SON ÇARE: KARTLARI TAMAMEN DARK MODA ZORLA ========== */
html.dark-mode .category-card {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

html.dark-mode .category-card h6,
html.dark-mode .category-card .cat-title,
html.dark-mode .category-card span,
html.dark-mode .category-card .fw-bold,
html.dark-mode .category-card .text-dark,
html.dark-mode .category-card a {
    color: #f1f5f9 !important;
}

/* Kartın içindeki tüm elemanları kapsayan alternatif */
html.dark-mode .category-card * {
    color: #f1f5f9 !important;
    text-shadow: none !important;
}

/* Rozet ve özel renkli yazılar için geri alma */
html.dark-mode .category-card .badge,
html.dark-mode .category-card .badge.bg-dark {
    color: #fff !important;
    background-color: #0f172a !important;
}
html.dark-mode .category-card .text-success { color: #10b981 !important; }
html.dark-mode .category-card .text-danger  { color: #ef4444 !important; }
html.dark-mode .category-card .text-warning { color: #f59e0b !important; }
/* ========== BOOSTLU İLANLAR İÇİN DARK MODE DÜZELTMESİ ========== */
html.dark-mode .category-card.promoted {
    background: #1e293b !important;   /* açık sarı/turuncu arka planı eziyoruz */
    border: 2px solid #f59e0b !important; /* çerçeve turuncu kalabilir */
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.15) !important;
}

html.dark-mode .category-card.promoted h6,
html.dark-mode .category-card.promoted .cat-title,
html.dark-mode .category-card.promoted span,
html.dark-mode .category-card.promoted .fw-bold,
html.dark-mode .category-card.promoted .text-dark,
html.dark-mode .category-card.promoted a {
    color: #f1f5f9 !important;
}

/* Boost rozeti */
html.dark-mode .promoted-badge {
    background: #f59e0b !important;
    color: #111 !important;
}
/* ========== İLAN DETAY - CONTACT SELLER BUTONU ========== */
html.dark-mode .btn-message {
    background-color: #1e293b !important;   /* koyu kart rengi */
    color: #f1f5f9 !important;              /* açık yazı */
    border: 1px solid #334155 !important;   /* koyu çerçeve */
}

html.dark-mode .btn-message:hover {
    background-color: #334155 !important;   /* hover'da biraz daha açık */
    color: #ffffff !important;
}
/* ========== MANUAL DELIVERY KUTUSU DARK MODE ========== */
html.dark-mode .delivery-info.manual {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}

html.dark-mode .delivery-info.manual .fw-bold,
html.dark-mode .delivery-info.manual div {
    color: #f1f5f9 !important;
}

html.dark-mode .delivery-info.manual .small {
    color: #94a3b8 !important;
}
/* ========== PROFİL SAYFASI TAM DARK MODE UYUMLULUĞU ========== */

/* Sipariş kartları içindeki tüm yazılar */
html.dark-mode .order-card,
html.dark-mode .order-card .text-muted,
html.dark-mode .order-card .fw-bold,
html.dark-mode .order-card small,
html.dark-mode .order-card span,
html.dark-mode .order-card p,
html.dark-mode .order-card h5,
html.dark-mode .order-card h6 {
    color: #f1f5f9 !important;
}

/* Sipariş kartı içindeki satıcı/alıcı adı gibi kalın yazılar */
html.dark-mode .order-card .fw-bold.text-dark,
html.dark-mode .order-card .text-dark {
    color: #f1f5f9 !important;
}

/* Badge durumları (Pending, Completed, Delivered vb.) */
html.dark-mode .badge-status {
    color: #fff !important;
    background-color: #334155 !important;
}
/* Renkli badge'ler için özel durumlar */
html.dark-mode .badge.bg-warning {
    color: #111 !important;
}
html.dark-mode .badge.bg-success {
    color: #fff !important;
}
html.dark-mode .badge.bg-danger {
    color: #fff !important;
}
html.dark-mode .badge.bg-primary {
    color: #fff !important;
}

/* Tablo içindeki yazılar (My Listings, Deposit Requests, Transactions) */
html.dark-mode .table,
html.dark-mode .table th,
html.dark-mode .table td,
html.dark-mode .table .text-muted,
html.dark-mode .table .fw-bold,
html.dark-mode .table .text-dark,
html.dark-mode .table .text-success,
html.dark-mode .table .text-danger {
    color: #f1f5f9 !important;
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

/* Tablo başlıkları */
html.dark-mode .table-light {
    background-color: #1e293b !important;
}
html.dark-mode .table-light th {
    color: #94a3b8 !important;
}

/* Wallet kartları */
html.dark-mode .card.bg-light {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
}

/* Chat list (Messages sekmesi) */
html.dark-mode .chat-list-container,
html.dark-mode .chat-row,
html.dark-mode .chat-row .text-dark,
html.dark-mode .chat-row .fw-bold {
    color: #f1f5f9 !important;
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
html.dark-mode .chat-last-msg {
    color: #94a3b8 !important;
}
html.dark-mode .chat-time {
    color: #64748b !important;
}

/* Nav pills (My Purchases, Seller Dashboard butonları) */
html.dark-mode .nav-pills .nav-link:not(.active) {
    color: #94a3b8 !important;
}
html.dark-mode .nav-pills .nav-link.active {
    background-color: #3b82f6 !important;
    color: #fff !important;
}

/* Checkbox ve label */
html.dark-mode .form-check-label {
    color: #f1f5f9 !important;
}
html.dark-mode .form-check-input {
    background-color: #334155;
    border-color: #475569;
}

/* Payout box */
html.dark-mode .payout-box {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}

/* Bildirimler */
html.dark-mode .alert-warning {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
    border-color: #475569 !important;
}

/* Genel arka plan */
html.dark-mode .tab-pane {
    background-color: transparent !important;
}
/* ========== PROFİL SAYFASI - STATUS BADGE RENKLERİ (DARK MODE) ========== */
html.dark-mode .badge.bg-success,
html.dark-mode .badge.bg-success.badge-status {
    background-color: #10b981 !important; /* Yeşil */
    color: #fff !important;
}

html.dark-mode .badge.bg-primary,
html.dark-mode .badge.bg-primary.badge-status {
    background-color: #3b82f6 !important; /* Mavi (Delivered) */
    color: #fff !important;
}

html.dark-mode .badge.bg-warning,
html.dark-mode .badge.bg-warning.badge-status {
    background-color: #f59e0b !important; /* Sarı (Pending) */
    color: #111 !important;               /* Koyu yazı sarı üstünde okunur */
}

html.dark-mode .badge.bg-danger,
html.dark-mode .badge.bg-danger.badge-status {
    background-color: #ef4444 !important; /* Kırmızı (Cancelled, Disputed) */
    color: #fff !important;
}

html.dark-mode .badge.bg-info,
html.dark-mode .badge.bg-info.badge-status {
    background-color: #06b6d4 !important; /* Cyan (Moderator vs.) */
    color: #fff !important;
}

/* Eğer badge-status özel sınıfı varsa ve yukarıdakiler yetmezse: */
html.dark-mode .badge-status {
    color: #fff !important;
}
/* ========== "I confirm delivery in chat" CHECKBOX VE LABEL ========== */
html.dark-mode .form-check-label {
    color: #f1f5f9 !important;          /* açık yazı */
    font-weight: 500;
}

html.dark-mode .form-check-input {
    background-color: #334155;          /* koyu checkbox arka planı */
    border-color: #64748b;
    accent-color: #f59e0b;              /* işaretlendiğinde turuncu ton */
}
/* ========== NOTIFICATIONS - WALLET - ACCOUNT DETAILS ========== */

/* --- NOTIFICATIONS --- */
html.dark-mode .tab-pane .p-3.bg-white {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}
html.dark-mode .tab-pane .p-3.bg-white h6 {
    color: #f1f5f9 !important;
}
html.dark-mode .tab-pane .p-3.bg-white .text-muted {
    color: #94a3b8 !important;
}

/* --- WALLET: kartlar --- */
html.dark-mode .card.bg-light {
    background-color: #1e293b !important;
}
html.dark-mode .card.bg-light .text-dark,
html.dark-mode .card.bg-light .fw-bold {
    color: #f1f5f9 !important;
}
html.dark-mode .card.bg-success.bg-opacity-10 {
    background-color: rgba(16, 185, 129, 0.15) !important;
}
html.dark-mode .card.bg-warning.bg-opacity-10 {
    background-color: rgba(245, 158, 11, 0.2) !important;
}

/* --- WALLET: tablo --- */
html.dark-mode .table .badge.bg-light {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
}

/* --- ACCOUNT DETAILS: kartlar --- */
html.dark-mode .card.border-0.shadow-sm.rounded-4.p-4.mb-4.bg-success.bg-opacity-10 {
    background-color: rgba(16, 185, 129, 0.15) !important;
}
html.dark-mode .card.border-0.shadow-sm.rounded-4.p-4.mb-4.bg-warning.bg-opacity-10 {
    background-color: rgba(245, 158, 11, 0.2) !important;
}
html.dark-mode .card.border-0.shadow-sm.rounded-4.p-4.mb-4.bg-danger.bg-opacity-10 {
    background-color: rgba(239, 68, 68, 0.2) !important;
}

/* ACCOUNT DETAILS içindeki yazılar */
html.dark-mode .card.border-0.shadow-sm.rounded-4.p-4.mb-4 h5,
html.dark-mode .card.border-0.shadow-sm.rounded-4.p-4.mb-4 strong,
html.dark-mode .card.border-0.shadow-sm.rounded-4.p-4.mb-4 span,
html.dark-mode .card.border-0.shadow-sm.rounded-4.p-4.mb-4 small {
    color: #f1f5f9 !important;
}

/* ACCOUNT DETAILS form alanları */
html.dark-mode #account .form-label {
    color: #f1f5f9 !important;
}
html.dark-mode #account .form-control {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}
html.dark-mode #account .text-muted {
    color: #94a3b8 !important;
}
/* ========== WALLET - REQUEST WITHDRAWAL ========== */
html.dark-mode #wallet .form-label,
html.dark-mode #wallet .text-muted,
html.dark-mode #wallet small {
    color: #f1f5f9 !important;
}

html.dark-mode #wallet .form-control,
html.dark-mode #wallet .form-select {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}

/* Submit butonunu daha görünür yap */
html.dark-mode #wallet .btn-dark {
    background-color: #f59e0b !important;
    color: #111 !important;
    border-color: #f59e0b !important;
}
html.dark-mode #wallet .btn-dark:hover {
    background-color: #d97706 !important;
}
/* ========== WALLET - ACCOUNT NUMBER INPUT ========== */
html.dark-mode #wallet input[name="account_number"] {
    color: #f1f5f9 !important;
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
html.dark-mode #wallet input[name="account_number"]::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}
/* ========== BOOST DROPDOWN MENÜSÜ DARK MODE ========== */
html.dark-mode .dropdown-menu {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
html.dark-mode .dropdown-item {
    color: #f1f5f9 !important;
}
html.dark-mode .dropdown-item:hover {
    background-color: #334155 !important;
    color: #fff !important;
}
/* ========== CREATE LISTING SAYFASI TAM DARK MODE ========== */
html.dark-mode .auth-card {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
html.dark-mode .auth-card .brand-header h2,
html.dark-mode .auth-card .brand-header p {
    color: #f1f5f9 !important;
}

/* Komisyon uyarı kutusu */
html.dark-mode .commission-alert {
    background-color: #1e3a5f !important;
    color: #93c5fd !important;
    border-color: #1e4d7b !important;
}

/* Form etiketleri */
html.dark-mode .auth-card .form-label,
html.dark-mode .auth-card label {
    color: #f1f5f9 !important;
}

/* Input, select, textarea */
html.dark-mode .auth-card .form-control,
html.dark-mode .auth-card .form-select,
html.dark-mode .auth-card textarea {
    background-color: #0f172a !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}

/* Radio buton etrafındaki delivery-box */
html.dark-mode .delivery-box {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}
html.dark-mode .delivery-box:hover {
    border-color: #94a3b8 !important;
}

/* Auto-delivery credential box */
html.dark-mode .auto-credential-box {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}
html.dark-mode .auto-credential-box .form-label {
    color: #f1f5f9 !important;
}

/* Price & earnings box */
html.dark-mode .price-earning-box {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
}
html.dark-mode .earning-text {
    color: #94a3b8 !important;
}
html.dark-mode .earning-amount {
    color: #10b981 !important;
}
html.dark-mode .commission-rate,
html.dark-mode .commission-tier-info {
    color: #94a3b8 !important;
}

/* Butonlar */
html.dark-mode .btn-submit {
    background-color: #f59e0b !important;
    color: #111 !important;
}
html.dark-mode .btn-submit:hover {
    background-color: #d97706 !important;
}

/* Hidden section yazıları */
html.dark-mode .hidden-section label,
html.dark-mode .hidden-section .text-muted {
    color: #f1f5f9 !important;
}
html.dark-mode .hidden-section small.text-muted {
    color: #94a3b8 !important;
}

/* Kod girişi butonları */
html.dark-mode #addStockBtn {
    color: #10b981 !important;
    border-color: #10b981 !important;
}
html.dark-mode .remove-stock-btn {
    color: #ef4444 !important;
    border-color: #ef4444 !important;
}
/* ========== BOOST SAYFALARI (SEÇİM & ONAY) ========== */
html.dark-mode .boost-card,
html.dark-mode .checkout-card {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}

/* Boost paket butonları */
html.dark-mode .package-btn {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}
html.dark-mode .package-btn:hover {
    background-color: #334155 !important;
    border-color: #f59e0b !important;
}

/* Fiyat yazıları */
html.dark-mode .package-btn .text-success,
html.dark-mode .checkout-card .text-success {
    color: #10b981 !important;  /* yeşil okunaklı kalır */
}

/* Başlık ve metinler */
html.dark-mode .boost-card h4,
html.dark-mode .checkout-card h4,
html.dark-mode .boost-card p,
html.dark-mode .checkout-card p,
html.dark-mode .boost-card .text-muted,
html.dark-mode .checkout-card .text-muted {
    color: #f1f5f9 !important;
}

/* "Skip & Publish" / "Cancel" butonları */
html.dark-mode .btn-outline-secondary {
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}
html.dark-mode .btn-outline-secondary:hover {
    background-color: #334155 !important;
}

/* Boost onay sayfasındaki kart (bg-light) */
html.dark-mode .checkout-card .card.bg-light {
    background-color: #0f172a !important;
    color: #f1f5f9 !important;
}
/* ========== BOOST CHECKOUT SAYFASI TAM DARK MODE ========== */
html.dark-mode .checkout-card {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
html.dark-mode .checkout-card h4 {
    color: #f59e0b !important;
}
html.dark-mode .checkout-card p,
html.dark-mode .checkout-card .text-muted,
html.dark-mode .checkout-card small {
    color: #f1f5f9 !important;
}
html.dark-mode .checkout-card .card.bg-light {
    background-color: #0f172a !important;
    color: #f1f5f9 !important;
    border: 1px solid #334155 !important;
}
html.dark-mode .checkout-card .card.bg-light span {
    color: #f1f5f9 !important;
}
html.dark-mode .checkout-card .text-success {
    color: #10b981 !important;
}
html.dark-mode .checkout-card .btn-warning {
    background-color: #f59e0b !important;
    color: #111 !important;
    border-color: #f59e0b !important;
}
html.dark-mode .checkout-card .btn-outline-secondary {
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}
/* ========== CREATE LISTING - PLACEHOLDER YAZILARI ========== */
html.dark-mode .auth-card .form-control::placeholder,
html.dark-mode .auth-card textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* Auto-delivery credential box içindeki input'lar */
html.dark-mode .auto-credential-box .form-control::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* Kod girişi (code) input placeholder */
html.dark-mode #stockContainer .form-control::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}
/* ========== SELLER DASHBOARD - ONAY KUTUSU VE BUTON ========== */

/* "I confirm delivery in chat" yazısı */
html.dark-mode .form-check-label[for^="confirm_delivery"] {
    color: #f1f5f9 !important;
}

/* Onay kutusu (checkbox) */
html.dark-mode input.form-check-input[type="checkbox"] {
    accent-color: #f59e0b !important;
    background-color: #334155 !important;
    border-color: #64748b !important;
}

/* "Mark as Delivered" butonu */
html.dark-mode button.btn-primary {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
}
html.dark-mode button.btn-primary:hover {
    background-color: #2563eb !important;
}
/* ========== POINTS SAYFASI DARK MODE ========== */

/* Streak kartı arka plan ve yazı */
html.dark-mode .streak-card {
    background: #1e293b !important;    /* koyu arka plan */
    border-color: #f59e0b !important;  /* turuncu çerçeve kalsın */
}
html.dark-mode .streak-card h4,
html.dark-mode .streak-card p,
html.dark-mode .streak-card .streak-day,
html.dark-mode .streak-card .streak-reward {
    color: #f1f5f9 !important;
}
html.dark-mode .streak-card .streak-badge {
    background-color: #f59e0b !important;
    color: #111 !important;
}
html.dark-mode .streak-card .alert-warning {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
    border-color: #475569 !important;
}
html.dark-mode .streak-card .alert-success {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}

/* "Come back tomorrow!" yazısı */
html.dark-mode .streak-card h4.text-dark,
html.dark-mode .streak-card h4 {
    color: #f1f5f9 !important;
}

/* Claim butonu */
html.dark-mode .btn-claim:not(:disabled) {
    background-color: #f59e0b !important;
    color: #111 !important;
}
html.dark-mode .btn-claim:disabled {
    background-color: #334155 !important;
    color: #64748b !important;
}

/* Streak ilerleme noktaları */
html.dark-mode .streak-dot {
    background-color: #334155 !important;
    color: #94a3b8 !important;
}
html.dark-mode .streak-dot.active {
    background-color: #f59e0b !important;
    color: #111 !important;
}
html.dark-mode .streak-dot.passed {
    background-color: #10b981 !important;
    color: #fff !important;
}

/* Puan ve bonus kartları */
html.dark-mode .points-card {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
}
html.dark-mode .points-card h3,
html.dark-mode .points-card small {
    color: #f1f5f9 !important;
}
html.dark-mode .points-card .text-info { color: #38bdf8 !important; }
html.dark-mode .points-card .text-danger { color: #f87171 !important; }

/* Paket butonları */
html.dark-mode .package-btn {
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}
html.dark-mode .package-btn:hover:not(:disabled) {
    background-color: #334155 !important;
}
html.dark-mode .package-btn:disabled {
    color: #64748b !important;
}

/* Puan geçmişi tablosu */
html.dark-mode .points-card .table {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
}
html.dark-mode .points-card .table th {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
}
html.dark-mode .points-card .table td {
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}
html.dark-mode .points-card .text-success {
    color: #10b981 !important;
}
html.dark-mode .points-card .text-danger {
    color: #ef4444 !important;
}
/* ========== ADMIN DASHBOARD DARK MODE ========== */
html.dark-mode .stat-card {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}
html.dark-mode .stat-card .text-muted {
    color: #94a3b8 !important;
}
html.dark-mode .stat-card h3 {
    color: #f1f5f9 !important;
}
html.dark-mode .stat-card .fw-bold {
    color: #f1f5f9 !important;
}
html.dark-mode .stat-card .text-success {
    color: #10b981 !important;
}
html.dark-mode .stat-card .text-info {
    color: #38bdf8 !important;
}
html.dark-mode .stat-card .text-warning {
    color: #f59e0b !important;
}
/* ========== KALICI: "I confirm delivery in chat" ve "Mark as Delivered" ========== */
html.dark-mode .order-card form.p-3.bg-light.rounded .form-check-label {
    color: #f1f5f9 !important;
}
html.dark-mode .order-card form.p-3.bg-light.rounded .form-check-input {
    accent-color: #f59e0b !important;
    background-color: #334155 !important;
    border-color: #64748b !important;
}
html.dark-mode .order-card form.p-3.bg-light.rounded .btn-primary {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #ffffff !important;
}
/* ========== DARK MODE TOGGLE BUTONU HER MODDA BELİRGİN ========== */
#darkModeToggle {
    background-color: #f39c12 !important;   /* turuncu arka plan */
    border-color: #f39c12 !important;
    color: #111 !important;                 /* siyah ikon */
}
html.dark-mode #darkModeToggle {
    background-color: #f59e0b !important;   /* dark modda biraz daha açık turuncu */
    border-color: #f59e0b !important;
    color: #111 !important;
}
/* ========== FEE SUMMARY KUTUSU DARK MODE ========== */
html.dark-mode #feeInfoBox {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}
html.dark-mode #feeInfoBox span {
    color: #f1f5f9 !important;
}
/* ========== SELLER STATS DARK MODE ========== */
html.dark-mode #seller-stats .card {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
html.dark-mode #seller-stats .card small {
    color: #e2e8f0 !important;
}
html.dark-mode #seller-stats .card h3,
html.dark-mode #seller-stats .card h6 {
    color: #f1f5f9 !important;
}
html.dark-mode #seller-stats .card .text-muted {
    color: #94a3b8 !important;
}
html.dark-mode #seller-stats .card .text-primary { color: #60a5fa !important; }
html.dark-mode #seller-stats .card .text-success { color: #4ade80 !important; }
html.dark-mode #seller-stats .card .text-warning { color: #fbbf24 !important; }
html.dark-mode #seller-stats .card .text-info { color: #38bdf8 !important; }
html.dark-mode #seller-stats .card .text-danger { color: #f87171 !important; }
html.dark-mode #seller-stats .card .text-secondary { color: #94a3b8 !important; }
html.dark-mode .text-muted.small {
    color: #cbd5e1 !important;
}
html.dark-mode .navbar small.text-muted {
    color: #cbd5e1 !important;
}
/* ========== FİLTRE PANELİ DARK MODE ========== */
html.dark-mode .filter-sidebar {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}
html.dark-mode .filter-sidebar h6 {
    color: #f1f5f9 !important;
}
html.dark-mode .filter-sidebar .form-label {
    color: #e2e8f0 !important;
}
html.dark-mode .filter-sidebar .form-control {
    background-color: #0f172a !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}
html.dark-mode .filter-sidebar .form-control::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}
html.dark-mode .filter-sidebar .form-check-label {
    color: #e2e8f0 !important;
}
html.dark-mode .filter-sidebar .text-muted {
    color: #94a3b8 !important;
}
html.dark-mode .text-muted.fw-bold,
html.dark-mode .text-muted.mt-3 {
    color: #cbd5e1 !important;
}
/* ========== Q&A TEXTAREA DARK MODE ========== */
html.dark-mode .description-box textarea.form-control {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}
html.dark-mode .description-box textarea.form-control::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}
/* ========== Q&A ANSWER BOX DARK MODE ========== */
html.dark-mode .description-box .bg-light {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}
html.dark-mode .description-box .bg-light p,
html.dark-mode .description-box .bg-light span {
    color: #f1f5f9 !important;
}
html.dark-mode .description-box .bg-light .text-success {
    color: #4ade80 !important;
}
html.dark-mode .description-box .bg-light .text-muted {
    color: #94a3b8 !important;
}
/* ========== ADD FUNDS - SERVICE KARTLARI DARK MODE ========== */
html.dark-mode .service-card {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}
html.dark-mode .service-card:hover {
    border-color: #f59e0b !important;
    background-color: #334155 !important;
}
html.dark-mode .service-card.selected {
    border-color: #f59e0b !important;
    background: #1e293b !important;  /* açık sarı arka planı eziyoruz */
    color: #f1f5f9 !important;
}
html.dark-mode .service-card .service-name {
    color: #f1f5f9 !important;
}
html.dark-mode .funds-card {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}
html.dark-mode .funds-card .brand-header h2,
html.dark-mode .funds-card .brand-header p,
html.dark-mode .funds-card .text-muted {
    color: #f1f5f9 !important;
}
html.dark-mode .phone-number {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
}
html.dark-mode .description-box {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #f59e0b !important;
}
html.dark-mode .description-box strong,
html.dark-mode .description-box #displayDescription {
    color: #f1f5f9 !important;
}
html.dark-mode .file-upload {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}
html.dark-mode .file-upload:hover {
    border-color: #f59e0b !important;
    background-color: #334155 !important;
}
html.dark-mode .file-upload p,
html.dark-mode .file-upload i {
    color: #94a3b8 !important;
}
html.dark-mode .funds-card .form-label {
    color: #e2e8f0 !important;
}
html.dark-mode .funds-card .btn-add {
    background-color: #f59e0b !important;
    color: #111 !important;
}
html.dark-mode .funds-card .btn-add:hover {
    background-color: #d97706 !important;
}
html.dark-mode .funds-card .back-link {
    color: #94a3b8 !important;
}
/* ========== MOBİL UYUMLULUK ========== */
@media (max-width: 768px) {
  /* Ana sayfa - navbar mobil */
  .navbar .container {
    flex-wrap: nowrap;
  }
  .navbar .btn,
  .navbar .lang-btn {
    font-size: 11px;
    padding: 4px 8px;
  }

  /* Kategori hapları yatay kaydırma */
  .category-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    padding-bottom: 10px;
  }
  .cat-pill {
    flex-shrink: 0;
  }

  /* Kartlar 2'li grid */
  #itemGrid .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* Filtre paneli mobilde üste al */
  .filter-sidebar {
    margin-bottom: 15px;
  }

  /* Chat mobil tam ekran */
  .chat-sidebar {
    width: 100% !important;
    display: block;
  }
  .chat-main {
    display: none;
    width: 100%;
  }
  .chat-main.active {
    display: flex;
  }
  .chat-container {
    flex-direction: column;
  }

  /* Profil tab menü */
  .nav-pills .nav-link {
    white-space: nowrap;
    font-size: 12px;
    padding: 8px 12px;
  }
}

/* Mobil alt navigasyon (opsiyonel) */
.mobile-bottom-nav {
  display: none;
}
@media (max-width: 768px) {
  .mobile-bottom-nav {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--card);
    border-top: 1px solid var(--border);
    z-index: 1000;
    justify-content: space-around;
    padding: 8px 0;
  }
  .mobile-bottom-nav a {
    color: var(--text);
    text-align: center;
    text-decoration: none;
    font-size: 12px;
  }
  .mobile-bottom-nav i {
    font-size: 20px;
    display: block;
  }
  body {
    padding-bottom: 60px; /* alt navigasyon için yer aç */
  }
}
/* ========== MOBİL TAŞMA (OVERFLOW) DÜZELTMELERİ ========== */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
  }
  .container {
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* Navbar düzeltmesi */
  .navbar .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  /* Mobil alt navigasyon ile footer arası boşluk */
  body {
    padding-bottom: 70px !important;
  }
  /* Filtre paneli mobilde tam genişlik */
  .filter-sidebar {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* Kartların mobilde taşmasını engelle */
  #itemGrid .col-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .category-card {
    width: 100% !important;
  }
}
html.dark-mode .navbar .d-md-none .text-dark {
    color: #f1f5f9 !important;
}
html.dark-mode .navbar .d-md-none .btn-outline-info i,
html.dark-mode .navbar .d-md-none .btn-outline-warning i {
    color: #f1f5f9 !important;
}
/* ========== İLAN DETAY SAYFASI DARK MODE DÜZELTMELERİ ========== */

/* Auto-delivery bilgi kutusu */
html.dark-mode .delivery-info {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}
html.dark-mode .delivery-info .fw-bold,
html.dark-mode .delivery-info div {
    color: #f1f5f9 !important;
}
html.dark-mode .delivery-info .small {
    color: #94a3b8 !important;
}

/* Satıcı kartı (About the Seller) */
html.dark-mode .seller-card {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
html.dark-mode .seller-card h5,
html.dark-mode .seller-card h6,
html.dark-mode .seller-card .fw-bold,
html.dark-mode .seller-card .text-dark {
    color: #f1f5f9 !important;
}
html.dark-mode .seller-card .text-muted {
    color: #94a3b8 !important;
}
html.dark-mode .seller-card .seller-avatar {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
}
/* Footer yazıları her iki modda da okunabilir */
footer {
    color: #e5e7eb !important;
}
footer a {
    color: #d1d5db !important;
    transition: color 0.2s;
}
footer a:hover {
    color: #ffffff !important;
}
footer .text-muted {
    color: #d1d5db !important;
}
html.dark-mode footer {
    color: #cbd5e1 !important;
}
html.dark-mode footer a {
    color: #94a3b8 !important;
}
html.dark-mode footer a:hover {
    color: #f1f5f9 !important;
}
html.dark-mode footer .text-muted {
    color: #94a3b8 !important;
}

.security-recording-icon {
    font-size: 3rem;
    line-height: 1;
}

.security-recording-lead {
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.55;
}

.security-recording-list {
    margin: 0;
    padding-left: 1.15rem;
    color: #64748b;
    font-size: 0.92rem;
    line-height: 1.5;
}

.security-recording-list li + li {
    margin-top: 0.45rem;
}

.security-recording-note {
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-radius: 10px;
    padding: 10px 12px;
    color: #92400e;
    font-size: 0.86rem;
    line-height: 1.45;
}

html.dark-mode .security-recording-lead {
    color: #cbd5e1;
}

html.dark-mode .security-recording-list {
    color: #94a3b8;
}

html.dark-mode .security-recording-note {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.35);
    color: #fcd34d;
}

/* ==================== KURDPAS BRAND LOGO ==================== */
.kurdpas-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    text-decoration: none;
    line-height: 1;
}

.kurdpas-brand--static {
    justify-content: center;
}

.kurdpas-brand__img {
    display: block;
    width: auto;
    height: auto;
    object-fit: contain;
}

.kurdpas-brand__img--nav { height: 36px; width: 36px; max-width: 36px; }
.kurdpas-brand__img--md { height: 48px; width: 48px; max-width: 48px; }
.kurdpas-brand__img--lg { height: 64px; width: 64px; max-width: 64px; }
.kurdpas-brand__img--xl { height: 80px; width: 80px; max-width: 80px; }

.kurdpas-brand__suffix {
    font-size: 0.9rem;
    font-weight: 700;
    color: inherit;
    opacity: 0.9;
}

.kurdpas-brand.navbar-brand,
a.kurdpas-brand.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

@media (max-width: 576px) {
    .kurdpas-brand__img--nav { height: 32px; width: 32px; max-width: 32px; }
}