/* =========================================
   1. TEMEL AYARLAR VE RENK PALETİ (KING THEME)
   ========================================= */
:root {
    /* LIGHT MODE (Gündüz) */
    --primary: #c59d5f;        /* Mat Altın (Gold) */
    --primary-dark: #a67c00;   /* Koyu Altın */
    --secondary: #2c221e;      /* Acı Kahve (Espresso) */
    --accent: #5d4037;         /* Sütlü Kahve */
    
    --bg-body: #fdfbf7;        /* Krem / Kırık Beyaz (Lüks Kağıt Hissi) */
    --text-main: #3e2723;      /* Koyu Kahve Yazı */
    --bg-card: #ffffff;
    --border-color: #e6e0d4;   /* Bej Kenarlık */
    
    --input-bg: #ffffff;
    --input-text: #3e2723;
    
    --navbar-bg: linear-gradient(135deg, #2c221e 0%, #4e342e 100%);
}

[data-theme="dark"] {
    /* DARK MODE (Gece - VIP Lounge) */
    --primary: #d4af37;        /* Parlak Altın */
    --primary-dark: #ffca28;
    --secondary: #4e342e;      
    
    --bg-body: #12100e;        /* Zifiri Kahve/Siyah */
    --text-main: #e0d8cf;      /* Açık Krem Yazı */
    --bg-card: #1c1815;        /* Koyu Kahve Kartlar */
    --border-color: #3e2723;
    
    --input-bg: #26201c;
    --input-text: #fff8e1;     /* Altın Tozu Rengi Yazı */
    
    --navbar-bg: linear-gradient(135deg, #000000 0%, #1a120b 100%);
}

body {
    background-color: var(--bg-body);
    color: var(--text-main);
    font-family: 'Segoe UI', 'Times New Roman', serif;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

a { text-decoration: none; color: inherit; transition: 0.3s; }
a:hover { color: var(--primary); }

/* =========================================
   2. NAVBAR (ÜST MENÜ)
   ========================================= */
.navbar {
    background: var(--navbar-bg);
    border-bottom: 2px solid var(--primary);
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}

.navbar-brand {
    font-family: 'Georgia', serif;
    letter-spacing: 1px;
    color: var(--primary) !important;
}

/* =========================================
   3. BUTONLAR VE ROZETLER
   ========================================= */
/* Primary Buton (Altın) */
.btn-primary { 
    background: linear-gradient(45deg, #c59d5f, #d4af37);
    color: #2c221e; 
    border: 1px solid #b8860b;
    font-weight: bold;
}
.btn-primary:hover { 
    background: linear-gradient(45deg, #d4af37, #fdd835);
    color: #000;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
}

/* Outline Buton */
.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}
.btn-outline-primary:hover {
    background-color: var(--primary);
    color: var(--secondary);
}

/* --- YEŞİL İPTALİ (GREEN TO GOLD) --- */
/* Bootstrap'in tüm yeşil (success) sınıflarını Altın/Kahve yapıyoruz */
.btn-success {
    background-color: var(--secondary) !important; /* Zemin Kahve */
    border-color: var(--primary) !important;       /* Çerçeve Altın */
    color: var(--primary) !important;              /* Yazı Altın */
    font-weight: bold;
}
.btn-success:hover {
    background-color: var(--primary) !important;   /* Hover Zemin Altın */
    color: #000 !important;                        /* Hover Yazı Siyah */
    box-shadow: 0 0 10px rgba(197, 157, 95, 0.5);
}
.btn-outline-success {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.btn-outline-success:hover {
    background-color: var(--primary) !important;
    color: #000 !important;
}
.text-success {
    color: var(--primary) !important;
}
.badge.bg-success {
    background-color: var(--primary) !important;
    color: #000 !important;
}

/* Diğer Rozetler */
.badge { font-weight: normal; border-radius: 4px; }
.bg-secondary {
    background-color: var(--secondary) !important;
    color: var(--primary) !important;
    border: 1px solid var(--primary);
}

/* =========================================
   4. KARTLAR VE KUTULAR
   ========================================= */
.card {
    background-color: var(--bg-card);
    border: 1px solid var(--border-color);
    color: var(--text-main);
    border-radius: 8px;
}
.card-header {
    background-color: var(--secondary) !important;
    color: var(--primary) !important;
    border-bottom: 1px solid var(--primary);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

/* Detay Sayfası Metrik Kutuları */
.metric-box {
    background-color: var(--bg-body);
    border: 1px solid var(--border-color);
    padding: 20px;
    border-radius: 8px;
    transition: 0.3s;
}
.metric-box:hover {
    border-color: var(--primary);
    box-shadow: 0 0 15px rgba(197, 157, 95, 0.2);
    transform: translateY(-5px);
}
.metric-label {
    color: var(--primary);
    font-weight: bold;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.metric-value {
    font-size: 2rem;
    font-weight: 800;
    color: var(--text-main);
}

/* =========================================
   5. TABLOLAR
   ========================================= */
.table {
    color: var(--text-main) !important;
    --bs-table-bg: transparent;
}

.table thead th {
    background-color: var(--bg-card);
    color: var(--secondary);
    border-bottom: 2px solid var(--primary);
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
}
[data-theme="dark"] .table thead th {
    color: var(--primary) !important;
}

.table td, .table th {
    border-color: var(--border-color);
    vertical-align: middle;
}

.table-hover tbody tr:hover td {
    background-color: rgba(197, 157, 95, 0.15); /* Hafif Altın Hover */
    color: var(--text-main) !important;
}

/* =========================================
   6. FORMLAR
   ========================================= */
.form-control, .form-select, textarea {
    background-color: var(--input-bg) !important;
    color: var(--input-text) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 4px;
}
.form-control:focus, .form-select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(197, 157, 95, 0.25);
}

/* =========================================
   7. FOOTER (ALT KISIM)
   ========================================= */
.site-footer {
    background-color: #1a120b;
    color: #e0e0e0;
    border-top: 4px solid var(--primary);
    font-size: 0.95rem;
    margin-top: auto; /* Footer'ı dibe it */
}
[data-theme="dark"] .site-footer {
    background-color: #0d0a08;
    border-top: 4px solid var(--primary-dark);
}

.footer-brand {
    color: var(--primary);
    font-family: 'Georgia', serif;
    letter-spacing: 1px;
}
.footer-heading {
    color: var(--primary);
    font-size: 1rem;
    letter-spacing: 1px;
    border-bottom: 1px solid rgba(197, 157, 95, 0.3);
    padding-bottom: 10px;
    display: inline-block;
}

.footer-link { color: #b0b3b8; transition: all 0.3s; }
.footer-link:hover { color: var(--primary); padding-left: 5px; }

.social-icons a { color: var(--primary); font-size: 1.2rem; transition: 0.3s; }
.social-icons a:hover { color: #fff; text-shadow: 0 0 10px var(--primary); }

/* SEO Etiketleri */
.seo-tag {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 5px;
    background-color: rgba(255, 255, 255, 0.05);
    color: #d1d1d1;
    font-size: 0.8rem;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0.1);
}
.seo-tag:hover {
    background-color: var(--primary);
    color: #000;
    border-color: var(--primary);
    font-weight: bold;
}
.seo-tag.border-gold {
    border: 1px solid rgba(197, 157, 95, 0.3);
    color: var(--primary);
}
.seo-tag.border-gold:hover {
    background-color: #fff;
    color: #000;
}

/* =========================================
   8. DARK MODE ÖZEL DÜZELTMELER (FIXES)
   ========================================= */
[data-theme="dark"] .text-dark { color: #f1f1f1 !important; }
[data-theme="dark"] .text-muted { color: #aaa !important; }
[data-theme="dark"] a.text-dark { color: var(--primary) !important; }
[data-theme="dark"] a.text-dark:hover { color: #fff !important; }

/* Light bg olan elementleri dark modda koyu yap */
[data-theme="dark"] .bg-light { 
    background-color: rgba(255,255,255,0.05) !important; 
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] ::placeholder { color: #7d685e !important; opacity: 1; }