/*
 * ANA STİL DOSYASI (Ticker Link Rengi Düzeltmesi)
 */

/* 1. Fontlar ve Genel Gövde */
body {
    background-color: #f4f6f9;
    color: #212529;
    font-family: 'Merriweather', serif;
    line-height: 1.8;
    font-size: 17px;
}
h1, h2, h3, h4, h5, h6, .btn, .card-title, .widget-title, .footer-title, .page-header-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.bi { 
    vertical-align: -0.125em; 
}

/* ALT ÇİZGİLERİ KALDIRMA */
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* 2. Top Bar (bg-dark) */
.top-bar {
    font-size: 0.85rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    padding-top: 0.6rem; 
    padding-bottom: 0.6rem;
    position: relative;
}
/* DÜZELTME: Top-bar linklerini (Gizlilik, İletişim) beyaz yap */
.top-bar .top-bar-links a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    margin-left: 1rem;
    transition: color 0.2s;
}
.top-bar .top-bar-links a:hover {
    color: #fff;
    text-decoration: none;
}
.news-ticker-wrapper {
    display: flex; align-items: center;
    overflow: hidden; width: 70%;
}
.news-ticker-wrapper .bi { margin-right: 0.75rem; }
.news-ticker {
    white-space: nowrap; height: 1.5em; /* Ticker yüksekliği */
    overflow: hidden; position: relative;
}

/* * DÜZELTME: Ticker linklerini (kayan yazılar) beyaz ve alt çizgisiz yap
 * Bootstrap'in ezmemesi için !important eklendi.
*/
.top-bar .news-ticker a {
    display: block;
    color: #fff !important; /* Rengi BEYAZ yapmaya zorla */
    text-decoration: none !important; /* Alt ÇİZGİYİ kaldırmaya zorla */
    position: absolute; width: 100%; height: 100%;
    opacity: 0; 
    transform: translateY(1.5em);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.top-bar .news-ticker a.active {
    opacity: 1; 
    transform: translateY(0);
}
.top-bar .news-ticker a:hover {
    text-decoration: underline !important; /* Sadece hover'da çizgi */
    color: #fff !important;
}
/* ----- Düzeltme Bitişi ----- */


/* 3. Ana Navigasyon (bg-white) */
.main-navbar.sticky-top {
    top: 0;
}
.main-logo {
    max-height: 55px;
    width: auto;
}
.main-navbar .nav-link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #333;
    transition: color 0.2s;
}
.main-navbar .nav-link:hover {
    color: #0d6efd;
}
/* Arama Kutusu (Borderlı) */
.header-search-form .form-control { border-right: 0; }
.header-search-form .form-control:focus {
    box-shadow: none;
    border-color: #dee2e6;
}
.header-search-form .btn {
    border: 1px solid #dee2e6; border-left: 0;
    color: #6c757d;
}
.header-search-form .btn:hover {
    color: #fff;
    background-color: #0d6efd;
    text-decoration: none;
}

/* 4. Mobil Header & Menü */
.mobile-ticker {
    display: flex; align-items: center; padding: 0.5rem 1rem;
    font-size: 0.85rem; overflow: hidden;
}
.mobile-ticker .bi { margin-right: 0.75rem; }
.mobile-ticker .news-ticker a { color: #fff; text-decoration: none; }
.mobile-nav-list { list-style: none; padding: 0; margin: 0; }
.mobile-nav-list li { margin-bottom: 0.5rem; }
.mobile-nav-list a {
    display: block; padding: 0.75rem; text-decoration: none;
    font-family: 'Montserrat', sans-serif; font-weight: 500;
    font-size: 1.1rem; color: #333; border-radius: 0.375rem;
}
.mobile-nav-list a:hover { background-color: #f8f9fa; color: #0d6efd; text-decoration: none; }
.mobile-nav-title {
    font-family: 'Montserrat', sans-serif; font-weight: 700;
    font-size: 0.9rem; color: #6c757d; text-transform: uppercase;
    display: block; padding: 0.75rem;
}

/* 5. Sayfa Başlığı (Kategori/Anasayfa) */
.page-header {
    background-color: #ffffff; padding: 2rem 1.5rem;
    border-radius: 0.5rem; margin-bottom: 2rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.03);
}
.page-header-title { font-size: 2rem; margin: 0; }

/* 6. Arşiv (Yatay Kart) Stilleri */
.blog-card-horizontal {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: none; border-radius: 0.5rem; background-color: #ffffff;
}
.blog-card-horizontal:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.08) !important;
}
.blog-card-horizontal .blog-card-img {
    width: 100%; height: 100%; object-fit: cover;
    min-height: 250px; border-radius: 0.5rem 0 0 0.5rem;
}
.blog-card-horizontal .card-title a { 
    transition: color 0.2s; 
    text-decoration: none;
    color: #212529;
}
.blog-card-horizontal .card-title a:hover { color: #0d6efd !important; text-decoration: none; }
.blog-card-horizontal .card-body { padding: 1.75rem; }
.blog-card-horizontal .btn:hover { text-decoration: none; }

/* 7. Tekil Yazı Sayfası */
.blog-post {
    background-color: #ffffff; padding: 2.5rem;
    border-radius: 0.5rem; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
}
.post-category{font-size:.9rem;font-weight:500;color:#0d6efd;text-decoration:none;text-transform:uppercase}
.post-title{font-size:2.5rem;margin-top:.5rem;margin-bottom:1rem;line-height:1.3}
.post-meta{font-family:'Montserrat',sans-serif;font-size:.85rem;color:#6c757d;margin-bottom:1.5rem}
.post-meta .post-views{margin-left:1.5rem}
.post-image{margin-bottom:2rem}
.post-image img{width:100%;height:auto;border-radius:.5rem}
.post-content { font-size: 1.1rem; }
.post-content p{margin-bottom:1.5rem}
.post-content h2,.post-content h3{margin-top:2.5rem;margin-bottom:1rem;font-weight:700}
.post-content img{max-width:100%;height:auto;border-radius:5px;margin:1.5rem 0}
.post-content a{color:#0d6efd;text-decoration:underline}

/* 8. Sidebar */
.sidebar-widget {
    background-color: #ffffff; padding: 1.5rem;
    border-radius: 0.5rem; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
}

@media (min-width: 992px) { /* Sadece PC'de yapışkan olsun */
    .sidebar-widget.sticky-top { 
        top: 108px; /* Tahmini değer */
    }
}
.widget-title{font-size:1.25rem;margin-bottom:1rem;border-bottom:2px solid #eee;padding-bottom:.5rem}
.sidebar-widget .list-group-item {
    padding-left: 0; padding-right: 0; border: none;
}
.sidebar-widget .list-group-item a { 
    text-decoration: none; color: #333; font-weight: 500; 
}
.sidebar-widget .list-group-item a:hover { 
    color: #0d6efd; text-decoration: none; 
}
ul.similar-posts-list{list-style:none;padding:0;margin:0}
.similar-post-item{
    display:flex;align-items:center;
    text-decoration:none;
    margin-bottom:1rem
}
.similar-post-item:hover .similar-post-title{
    color:#0d6efd; text-decoration: none;
}
.similar-post-img{width:75px;height:50px;object-fit:cover;border-radius:5px;margin-right:1rem;flex-shrink:0}
.similar-post-content { flex: 1; }
.similar-post-title{
    font-size:.95rem;font-weight:500;
    color:#333;
    line-height:1.4;transition:color .2s; margin-bottom: 0.25rem; display: block;
}
.similar-post-item small { font-size: 0.8rem; font-family: 'Montserrat', sans-serif; }

/* 9. Footer */
.footer-dark { background-color: #212529; }
.footer-title{font-size:1.1rem;margin-bottom:1rem;color:#fff;font-weight:500}
.footer-links li{margin-bottom:.5rem}
.footer-links a{
    text-decoration:none; color:#adb5bd;
    transition:color .2s
}
.footer-links a:hover{
    color:#fff; text-decoration: none;
}
.footer-dark p a {
    color: #fff; text-decoration: underline;
}
.footer-dark p a:hover {
    color: #adb5bd;
}

/* 10. Mobil Uyum */
@media (max-width: 991px) { /* lg breakpoint altı */
    .main-navbar {
        position: static !important; /* Yapışkanlığı mobilde iptal et */
    }
}
@media (max-width: 767px) { /* md breakpoint altı */
    .blog-post { padding: 1.5rem; }
    .post-title { font-size: 2rem; }
    .blog-card-horizontal .blog-card-img {
        border-radius: 0.5rem 0.5rem 0 0; height: 250px;
    }
}