/* ===== 1. GENEL AYARLAR VE RENK PALETİ ===== */
:root {
    --primary-color: #0d2d52; /* Koyu Lacivert */
    --secondary-color: #c5a47e;
    --light-bg-color: #f8f9fa; /* Açık Gri Arkaplan */
    --text-color: #5a5a5a; /* Standart Metin Rengi (biraz daha koyu) */
    --white-color: #ffffff; /* Beyaz */
    --heading-color: #0d2d52; /* Başlık Rengi (Lacivert) */
}

body {
    font-family: 'Montserrat', sans-serif;
    color: var(--text-color);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: var(--heading-color);
}

/* ===== 2. ÖZEL BÖLÜM STİLLERİ ===== */

/* Karşılama Alanı (Hero Section) */
.hero-section {
    background-color: var(--light-bg-color);
}

    .hero-section h1 {
        color: var(--primary-color);
    }

/* Bölüm Başlıkları için Alt Çizgi */
.section-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 40px !important;
}

    .section-title::after {
        content: '';
        position: absolute;
        display: block;
        width: 80px;
        height: 3px;
        background: var(--secondary-color);
        bottom: 0;
        left: calc(50% - 40px);
    }
    /* Sola dayalı bölüm başlıkları için alt çizgiyi de sola daya */
    .section-title.text-start::after,
    .section-title.text-left::after {
        left: 0;
    }


/* ===== 3. NAVBAR STİLLERİ ===== */
.navbar {
    background-color: var(--primary-color) !important;
}

    .navbar .navbar-brand,
    .navbar .nav-link {
        color: var(--white-color) !important;
    }

        .navbar .nav-link:hover {
            color: var(--secondary-color) !important;
        }

/* ===== 4. BUTON STİLLERİ (GELİŞTİRİLMİŞ) ===== */
.btn {
    border-radius: 2px;
    font-weight: 600;
    padding: 10px 25px;
    transition: all 0.3s ease;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--white-color) !important;
}

    .btn-primary:hover {
        background-color: #0a2240 !important; /* Lacivertin biraz daha koyusu */
        border-color: #0a2240 !important;
        transform: translateY(-2px);
    }


/* ===== 5. KART STİLLERİ ===== */
.card {
    border: none;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

    .card:hover {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        transform: translateY(-5px);
    }

    .card .card-title {
        color: var(--primary-color);
    }
.footer.bg-primary {
    background-color: var(--primary-color) !important;
}
/* ===== 6. IDENTITY SAYFALARI İÇİN ÖZEL STİLLER ===== */

/* Giriş/Kayıt kartlarının içindeki küçük linklerin stilini düzelt */
.card-body p > a {
    color: var(--text-color); /* Mavi yerine normal metin rengi yap */
    text-decoration: none; /* Alt çizgiyi kaldır */
    font-size: 0.9em; /* Yazıyı biraz küçült */
}

    .card-body p > a:hover {
        color: var(--primary-color); /* Üzerine gelince lacivert yap */
        text-decoration: underline; /* Üzerine gelince altını çiz */
    }
/* ===== 7. AKTİF NAVBAR LİNKİ STİLİ ===== */

/* Navbar'daki aktif linkin rengini ikincil rengimiz yap ve kalınlaştır */
.navbar-nav .nav-link.active {
    color: var(--secondary-color) !important;
    font-weight: 700;
}
/* ===== 8. SAYFA YÜKLENME ANİMASYONU ===== */

/* Animasyonun kendisini tanımlıyoruz: 0'dan 100'e görünürlük */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(15px); /* İçerik hafifçe aşağıdan yukarı gelsin */
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Bu animasyonu sayfanın ana içerik bölümüne uyguluyoruz */
/* _Layout.cshtml dosyasındaki <main> etiketini hedefler */
main[role="main"] {
    animation: fadeIn 0.6s ease-out;
}