/* ==================================== */
/* TEMEL AYARLAR (Bootstrap Varsayılan) */
/* ==================================== */
html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

body {
    margin-bottom: 60px;
}

    /* ==================================== */
    /* KARANLIK MOD STİLLERİ (DARK MODE)    */
    /* ==================================== */

    /* GENEL ZORLAMA KURALI */
    body.dark-mode {
        background-color: #121212 !important;
        color: #e0e0e0 !important; /* Genel yazı rengi */
    }

/* 1. HERO VE CTA SECTION'LARI (Inline Stil Eziciler) */
/* Index.cshtml'den taşıdığımız Hero Section stilleri */
.hero-section {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    padding: 100px 0;
}

.cta-section {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
    padding: 80px 0;
}

/* Dark Mode Overrides */
body.dark-mode .hero-section {
    background: linear-gradient(135deg, #004d40 0%, #00251a 100%) !important;
    color: #e0e0e0 !important;
}

body.dark-mode .cta-section {
    background: linear-gradient(135deg, #333 0%, #1f1f1f 100%) !important;
    color: #e0e0e0 !important;
}

/* 2. NAVBAR VE FOOTER ZORLAMASI */
body.dark-mode .navbar {
    background-color: #1f1f1f !important;
    border-color: #333 !important;
}

body.dark-mode .footer {
    background-color: #1f1f1f !important;
    border-color: #333 !important;
}

/* 3. KARTLAR VE ARKA PLANLAR */
body.dark-mode .card,
body.dark-mode .bg-light,
body.dark-mode .shadow-lg,
body.dark-mode .shadow-sm,
body.dark-mode .table { /* Tablo arkaplanı */
    background-color: #1f1f1f !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4) !important;
}

/* 4. METİN VE LİNK ZORLAMASI */
body.dark-mode .text-dark,
body.dark-mode .text-primary,
body.dark-mode .nav-link,
body.dark-mode .navbar-brand {
    color: #e0e0e0 !important;
}

body.dark-mode a {
    color: #8ab4f8 !important; /* Link rengi */
}

/* 5. INPUT ALANLARI */
body.dark-mode .form-control {
    background-color: #333 !important;
    color: #e0e0e0 !important;
    border-color: #555 !important;
}