/* ==========================================================================
       GÜNDÜZ MODU (VARSAYILAN TEMİZ GÖRÜNÜM)
       ========================================================================== */
    .blog-main-section {
        background-color: #f8fafc !important; /* Göz yormayan soft gri */
        color: #1e293b !important; /* Koyu antrasit yazı */
        transition: all 0.3s ease;
    }
    
    /* Gündüz Modu Kartları */
    .blog-custom-card {
        background-color: #ffffff !important;
        border: 1px solid rgba(0, 0, 0, 0.06) !important;
        border-radius: 16px;
        overflow: hidden;
        height: 100%;
        display: flex;
        flex-direction: column;
        transition: all 0.3s ease;
    }
    .blog-custom-card .card-body {
        background-color: #ffffff !important;
        color: #334155 !important;
    }
    .blog-card-title-link {
        color: #0f111a !important;
        text-decoration: none !important;
        font-weight: 700;
        transition: color 0.2s ease;
    }
    .blog-card-title-link:hover {
        color: var(--color-accent, #A7853B) !important;
    }

    /* Gündüz Modu Menüleri */
    .blog-desktop-sidebar {
        background-color: #ffffff !important;
        border: 1px solid rgba(0, 0, 0, 0.05) !important;
        border-radius: 16px;
    }
    .blog-sidebar-link {
        color: #475569 !important;
        font-weight: 500;
        transition: all 0.2s ease;
        border-radius: 8px;
        text-decoration: none !important;
    }
    .blog-sidebar-link:hover {
        background-color: rgba(167, 133, 59, 0.08) !important;
        color: var(--color-accent, #A7853B) !important;
    }
    .blog-sidebar-link.active {
        background-color: var(--color-accent, #A7853B) !important;
        color: #ffffff !important;
    }

    /* Butonlar */
    .btn-blog-readmore {
        border: 1px solid #cbd5e1 !important;
        color: #475569 !important;
        background-color: transparent !important;
        transition: all 0.2s ease;
    }
    .btn-blog-readmore:hover {
        background-color: var(--color-accent, #A7853B) !important;
        color: #ffffff !important;
        border-color: var(--color-accent, #A7853B) !important;
    }

    /* Mobil Dropdown Gündüz */
    .category-dropdown-btn {
        background-color: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        color: #334155 !important;
        width: 100%;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.85rem 1.25rem;
        font-weight: 600;
        border-radius: 12px;
    }
    .category-dropdown-menu {
        width: 100%;
        border-radius: 12px;
        background-color: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    }
    .category-dropdown-item {
        color: #334155 !important;
        font-weight: 500;
        padding: 0.7rem 1.25rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none !important;
    }
    .category-dropdown-item:hover {
        background-color: rgba(167, 133, 59, 0.08) !important;
        color: var(--color-accent, #A7853B) !important;
    }
    .category-dropdown-item.active {
        background-color: var(--color-accent, #A7853B) !important;
        color: #ffffff !important;
    }

    /* ==========================================================================
       GECE MODU AYARLARI (HER İHTİMALE KARŞI TÜM TETİKLEYİCİLERİ EKLEDİM)
       Siten html[data-bs-theme="dark"], body.dark veya body.dark-mode kullansa da çalışır.
       ========================================================================== */
    html[data-bs-theme="dark"] .blog-main-section,
    body.dark .blog-main-section,
    body.dark-mode .blog-main-section,
    .dark .blog-main-section {
        background-color: #0f111a !important; /* style.css dosmandaki şık gece siyahı */
        color: #f1f5f9 !important; /* Açık gri font */
    }

    /* Gece Modu Kartları */
    html[data-bs-theme="dark"] .blog-custom-card,
    body.dark .blog-custom-card,
    body.dark-mode .blog-custom-card,
    .dark .blog-custom-card {
        background-color: #1e2235 !important; /* style.css dosmandaki --color-secondary-dark */
        border: 1px solid rgba(255, 255, 255, 0.05) !important;
    }
    html[data-bs-theme="dark"] .blog-custom-card .card-body,
    body.dark .blog-custom-card .card-body,
    body.dark-mode .blog-custom-card .card-body,
    .dark .blog-custom-card .card-body {
        background-color: #1e2235 !important;
        color: #cbd5e1 !important;
    }
    html[data-bs-theme="dark"] .blog-card-title-link,
    body.dark .blog-card-title-link,
    body.dark-mode .blog-card-title-link,
    .dark .blog-card-title-link {
        color: #ffffff !important;
    }
    html[data-bs-theme="dark"] .blog-card-title-link:hover,
    body.dark .blog-card-title-link:hover,
    body.dark-mode .blog-card-title-link:hover,
    .dark .blog-card-title-link:hover {
        color: var(--color-accent, #A7853B) !important;
    }

    /* Gece Modu Menüleri */
    html[data-bs-theme="dark"] .blog-desktop-sidebar,
    body.dark .blog-desktop-sidebar,
    body.dark-mode .blog-desktop-sidebar,
    .dark .blog-desktop-sidebar {
        background-color: #1e2235 !important;
        border: 1px solid rgba(255, 255, 255, 0.05) !important;
    }
    html[data-bs-theme="dark"] .blog-sidebar-link,
    body.dark .blog-sidebar-link,
    body.dark-mode .blog-sidebar-link,
    .dark .blog-sidebar-link {
        color: #94a3b8 !important;
    }
    html[data-bs-theme="dark"] .blog-sidebar-link:hover,
    body.dark .blog-sidebar-link:hover,
    body.dark-mode .blog-sidebar-link:hover,
    .dark .blog-sidebar-link:hover {
        background-color: rgba(255, 255, 255, 0.03) !important;
        color: var(--color-accent, #A7853B) !important;
    }
    html[data-bs-theme="dark"] .blog-sidebar-link.active,
    body.dark .blog-sidebar-link.active,
    body.dark-mode .blog-sidebar-link.active,
    .dark .blog-sidebar-link.active {
        background-color: var(--color-accent, #A7853B) !important;
        color: #ffffff !important;
    }

    /* Gece Modu Butonları */
    html[data-bs-theme="dark"] .btn-blog-readmore,
    body.dark .btn-blog-readmore,
    body.dark-mode .btn-blog-readmore,
    .dark .btn-blog-readmore {
        border: 1px solid #475569 !important;
        color: #cbd5e1 !important;
    }
    html[data-bs-theme="dark"] .btn-blog-readmore:hover,
    body.dark .btn-blog-readmore:hover,
    body.dark-mode .btn-blog-readmore:hover,
    .dark .btn-blog-readmore:hover {
        background-color: var(--color-accent, #A7853B) !important;
        color: #ffffff !important;
        border-color: var(--color-accent, #A7853B) !important;
    }

    /* Mobil Dropdown Gece */
    html[data-bs-theme="dark"] .category-dropdown-btn,
    body.dark .category-dropdown-btn,
    body.dark-mode .category-dropdown-btn,
    .dark .category-dropdown-btn {
        background-color: #1e2235 !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        color: #f1f5f9 !important;
    }
    html[data-bs-theme="dark"] .category-dropdown-menu,
    body.dark .category-dropdown-menu,
    body.dark-mode .category-dropdown-menu,
    .dark .category-dropdown-menu {
        background-color: #1a1d29 !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
    }
    html[data-bs-theme="dark"] .category-dropdown-item,
    body.dark .category-dropdown-item,
    body.dark-mode .category-dropdown-item,
    .dark .category-dropdown-item {
        color: #cbd5e1 !important;
    }
    html[data-bs-theme="dark"] .category-dropdown-item:hover,
    body.dark .category-dropdown-item:hover,
    body.dark-mode .category-dropdown-item:hover,
    .dark .category-dropdown-item:hover {
        background-color: rgba(255, 255, 255, 0.03) !important;
        color: var(--color-accent, #A7853B) !important;
    }

    /* Kart Efektleri */
    .blog-custom-card:hover { 
        transform: translateY(-5px); 
        box-shadow: 0 12px 24px rgba(0,0,0,0.15); 
        border-color: var(--color-accent, #A7853B) !important; 
    }
    .text-accent { 
        color: var(--color-accent, #A7853B) !important; 
    }

    /* Sayfalama */
    .blog-pagination .page-link {
        border: 1px solid rgba(0, 0, 0, 0.08);
        color: #475569;
        margin: 0 3px;
        border-radius: 8px !important;
        font-weight: 600;
    }
    .blog-pagination .page-item.active .page-link {
        background-color: var(--color-accent, #A7853B) !important;
        border-color: var(--color-accent, #A7853B) !important;
        color: #ffffff !important;
    }
    .blog-pagination .page-item.disabled .page-link {
        opacity: 0.4;
    }
    html[data-bs-theme="dark"] .blog-pagination .page-link,
    body.dark .blog-pagination .page-link,
    body.dark-mode .blog-pagination .page-link,
    .dark .blog-pagination .page-link {
        background-color: #1e2235 !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        color: #cbd5e1 !important;
    }