/* --- CSS DEĞİŞKENLERİ --- */
:root {
    --bg-body: #f5f7fa;
    --bg-card: #ffffff;
    --text-main: #212529;
    --text-muted: #6c757d;
    --border-color: #dee2e6;
    --input-bg: #ffffff;
    --highlight-bg: #e9ecef; /* Readonly inputlar için */
}

/* --- GECE MODU TANIMLARI --- */
body.dark-mode {
    --bg-body: #121212;
    --bg-card: #1e1e1e;
    --text-main: #e0e0e0;
    --text-muted: #b0b3b8;
    --border-color: #333333;
    --input-bg: #2d2d2d;
    --highlight-bg: #3a3a3a;
}

/* --- GENEL GEÇİŞLER --- */
body {
    background-color: var(--bg-body) !important;
    color: var(--text-main) !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* --- KRİTİK BOOTSTRAP DÜZELTMELERİ (Burası Sorunlu Alanları Çözer) --- */

/* 1. Tüm Kartlar ve Kutular */
body.dark-mode .card, 
body.dark-mode .bg-white, 
body.dark-mode .bg-light,
body.dark-mode .list-group-item {
    background-color: var(--bg-card) !important;
    color: var(--text-main) !important;
    border-color: var(--border-color) !important;
}

/* 2. Yakıt Sayfasındaki Sarı Uyarı Kutuları (bg-light border-warning) */
body.dark-mode .card.bg-light,
body.dark-mode .card.border-warning,
body.dark-mode .card.border-info {
    background-color: var(--bg-card) !important;
    border-color: #444 !important; /* Çerçeveyi koyulaştır */
}

/* 3. İndex Sayfasındaki Özellik Kutuları (Yuvarlak köşeli beyaz alanlar) */
body.dark-mode .rounded.shadow-sm.p-4 {
    background-color: var(--bg-card) !important;
}

/* 4. Form Elemanları (Inputlar) */
body.dark-mode input.form-control,
body.dark-mode select.form-select,
body.dark-mode textarea.form-control {
    background-color: var(--input-bg) !important;
    border-color: var(--border-color) !important;
    color: #fff !important;
}

/* Readonly (Okunabilir) Inputlar - Gri Olanlar */
body.dark-mode input[readonly] {
    background-color: var(--highlight-bg) !important;
    color: #aaa !important;
}

/* 5. Butonlar (Devamını Oku vb.) */
body.dark-mode .btn-outline-primary {
    color: #6ea8fe !important; /* Koyu modda mavi daha açık olmalı */
    border-color: #6ea8fe !important;
}
body.dark-mode .btn-outline-primary:hover {
    background-color: #6ea8fe !important;
    color: #000 !important;
}

body.dark-mode .btn-outline-secondary {
    color: #adb5bd !important;
    border-color: #6c757d !important;
}
body.dark-mode .btn-outline-secondary:hover {
    background-color: #adb5bd !important;
    color: #000 !important;
}

/* 6. Tablolar */
body.dark-mode .table {
    color: var(--text-main) !important;
    border-color: var(--border-color);
}
body.dark-mode .table-light {
    background-color: #2c2c2c !important;
    color: #fff !important;
}
body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > * {
    color: var(--text-main);
    box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.05);
}

/* 7. Navbar ve Footer */
body.dark-mode .navbar, 
body.dark-mode footer {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #333;
}
body.dark-mode .navbar-light .navbar-nav .nav-link {
    color: rgba(255,255,255,0.85) !important;
}
body.dark-mode .navbar-light .navbar-brand {
    color: #fff !important;
}

/* 8. Metin Renk Düzeltmeleri */
body.dark-mode .text-dark, 
body.dark-mode .text-secondary,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, 
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: var(--text-main) !important;
}
body.dark-mode .text-muted {
    color: var(--text-muted) !important;
}

/* --- AKTİF MENÜ ELEMANI (Kesin Çözüm) --- */
.navbar-nav .nav-link.active {
    color: #ffc107 !important; /* Sarı Renk */
    font-weight: bold !important;
    border-bottom: 2px solid #ffc107 !important; /* Alt Çizgi */
    opacity: 1 !important;
}

/* Gece modunda da parlasın */
body.dark-mode .navbar-nav .nav-link.active {
    color: #ffc107 !important;
    border-bottom: 2px solid #ffc107 !important;
}