/**
 * Ali Harun DALDALLI Portfolio Website - Dark Mode Stilleri
 * 
 * Bu dosya, sitenin dark mode (karanlık tema) stillerini içerir.
 * data-theme="dark" özniteliği ile etkinleştirilir.
 */

/*=================================
  1. CSS Değişkenleri
=================================*/
html[data-theme="dark"] {
    /* Ana renkler ve arka planlar */
    --bg-primary: #121212;
    --bg-secondary: #1e1e1e;
    --text-primary: #e0e0e0;
    --text-secondary: #adb5bd;
    --card-bg: #2d2d2d;
    --card-border: rgba(255, 255, 255, 0.1);
    --navbar-bg: #1e1e1e;
    --footer-bg: #1e1e1e;
    --input-bg: #2d2d2d;
    --input-border: #495057;
    --shadow: rgba(0, 0, 0, 0.5);
    
    /* Aksent renkler */
    --accent-blue: #7fb3ff;
    --accent-blue-hover: #add2ff;
    --accent-orange: #fd7e14;
    --primary-light: #ceb3ff;       /* Normal hover */
    --primary-lighter: #e6d6ff; 
}

/*=================================
  2. Temel Elemanlar
=================================*/
/* Temel renkler ve arka planlar */
html[data-theme="dark"] body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* Başlıklar için genel stiller */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: var(--text-primary);
}

/* Paragraf ve metin içeriği */
html[data-theme="dark"] p,
html[data-theme="dark"] span,
html[data-theme="dark"] li,
html[data-theme="dark"] td,
html[data-theme="dark"] th,
html[data-theme="dark"] label,
html[data-theme="dark"] figcaption {
    color: var(--text-primary);
}

/*=================================
  3. Header ve Navigation
=================================*/
/* --- Navbar Genel Arka Plan ve Renkler --- */
html[data-theme="dark"] .navbar,
html[data-theme="dark"] .navbar.navbar-light,
html[data-theme="dark"] .navbar.navbar-light.bg-light {
    background-color: var(--navbar-bg) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); /* Hafif bir alt çizgi estetik durur */
}

html[data-theme="dark"] .navbar-light .navbar-brand,
html[data-theme="dark"] .navbar-light .navbar-nav .nav-link {
    color: var(--text-primary);
}

html[data-theme="dark"] .navbar-light .navbar-nav .nav-link.active {
    color: var(--accent-blue);
}

/* --- LOGO FİLTRESİ (YENİ EKLENEN KISIM) --- */
/* Sadece .navbar-brand içindeki resmi hedefler */
html[data-theme="dark"] .navbar-brand img {
    /* 1. Adım: brightness(0) logoyu simsiyah yapar (renkleri yok eder) */
    /* 2. Adım: invert(1) o siyahlığı tam beyaza çevirir */
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    
    transition: filter 0.3s ease;
}

/* --- Navbar Toggler (Mobil Menü İkonu) --- */
html[data-theme="dark"] .navbar-light .navbar-toggler {
    border-color: rgba(255,255,255,0.1);
}

html[data-theme="dark"] .navbar-light .navbar-toggler-icon {
    filter: invert(1) grayscale(100%) brightness(200%);
}
/* Dropdown menü */
html[data-theme="dark"] .dropdown-menu {
    background-color: var(--card-bg);
    border-color: var(--card-border);
}

html[data-theme="dark"] .dropdown-item {
    color: var(--text-primary);
}

html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--text-primary);
}

html[data-theme="dark"] .dropdown-item.active {
    background-color: var(--accent-blue);
    color: #fff;
}

/*=================================
  4. Footer
=================================*/
html[data-theme="dark"] .footer,
html[data-theme="dark"] .bg-light {
    background-color: var(--footer-bg) !important;
    color: var(--text-primary);
}

/*=================================
  5. Bağlantılar & Butonlar (Dark Mode)
=================================*/

/* Bağlantılar */
html[data-theme="dark"] a:not(.btn):not(.nav-link) {
    color: var(--primary-light) !important;   /* Açık lila */
}

html[data-theme="dark"] a:not(.btn):not(.nav-link):hover {
    color: var(--primary-color) !important;   /* Ana mor */
}

/* Outline Primary Button */
html[data-theme="dark"] .btn-outline-primary {
    color: var(--primary-light) !important;
    border-color: var(--primary-light) !important;
}

html[data-theme="dark"] .btn-outline-primary:hover {
    background-color: var(--primary-light) !important;
    color: #0f0f15 !important;          /* Karanlık arka plan ile kontrast */
    border-color: var(--primary-light) !important;
}

/* Primary Button */
html[data-theme="dark"] .btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

html[data-theme="dark"] .btn-primary:hover {
    
    background-color: var(--primary-lighter) !important; /* Daha açık lila */
    border-color: var(--primary-lighter) !important;
    color: #fff !important; /* Açık lila üzerinde en iyi kontrast */

    /* Soft glow */
    box-shadow: 0 0 14px rgba(183, 153, 255, 0.4) !important;
    transform: translateY(-2px);
    transition: all 0.25s ease;
}




/*=================================
  6. Kartlar & Konteynerler
=================================*/
/* Kartlar için karanlık mod */
html[data-theme="dark"] .card {
    background-color: var(--card-bg);
    border-color: var(--card-border);
}

html[data-theme="dark"] .card-header:not(.bg-primary) {
    background-color: var(--bg-secondary);
    border-color: var(--card-border);
}

html[data-theme="dark"] .card-footer {
    background-color: var(--bg-secondary);
    border-color: var(--card-border);
}

/* Hero bölümü (index sayfası) */
html[data-theme="dark"] .hero-section {
    background-color: var(--bg-secondary) !important;
}

/*=================================
  7. Form Elemanları
=================================*/
/* Form kontrolleri için karanlık mod */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select {
    background-color: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

html[data-theme="dark"] .form-check-input {
    background-color: var(--input-bg);
    border-color: var(--input-border);
}

html[data-theme="dark"] .form-check-input:checked {
    background-color: var(--accent-blue);
    border-color: var(--accent-blue);
}

/*=================================
  8. Uyarı Kutuları
=================================*/
html[data-theme="dark"] .alert-info {
    background-color: #17324d;
    color: #a7d4ff;
    border-color: #0b4c8e;
}

html[data-theme="dark"] .alert-success {
    background-color: #1a472e;
    color: #a8e9b8;
    border-color: #0f5132;
}

html[data-theme="dark"] .alert-warning {
    background-color: #4d3c0f;
    color: #fff3cd;
    border-color: #664d03;
}

html[data-theme="dark"] .alert-danger {
    background-color: #4e1c1c;
    color: #f8d7da;
    border-color: #6c1a1a;
}

/*=================================
  9. Blog & Makale Kartları
=================================*/
html[data-theme="dark"] .article-card {
    background-color: var(--card-bg);
    box-shadow: 0 0.5rem 1rem var(--shadow);
}

html[data-theme="dark"] .article-title a {
    color: var(--text-primary);
}

html[data-theme="dark"] .article-excerpt {
    color: var(--text-secondary);
}

html[data-theme="dark"] .article-meta {
    border-top-color: var(--card-border);
    color: var(--text-secondary);
}

/*=================================
  10. CV Sayfası Özel Stilleri
=================================*/
html[data-theme="dark"] .cv-container {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .cv-content {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .cv-section-title {
    color: var(--accent-blue) !important;
}

html[data-theme="dark"] .cv-header {
    background: linear-gradient(135deg, #293b73, #4a2885) !important;
}

html[data-theme="dark"] .contact-info {
    background-color: var(--bg-secondary) !important;
}

html[data-theme="dark"] .contact-table tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="dark"] .contact-label {
    color: var(--accent-blue) !important;
}

html[data-theme="dark"] .skill-card {
    background-color: var(--card-bg) !important;
}

html[data-theme="dark"] .skill-content p {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .cv-item {
    background-color: var(--card-bg) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .cv-item-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .cv-item-organization {
    color: var(--accent-blue) !important;
}

html[data-theme="dark"] .cv-item-content p,
html[data-theme="dark"] .cv-item-content li {
    color: var(--text-primary) !important;
}

/*=================================
  11. Haber İçeriği Sayfası
=================================*/
html[data-theme="dark"] .news-container {
    background-color: transparent !important;
}

html[data-theme="dark"] .news-content {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .news-content p,
html[data-theme="dark"] .news-content h1,
html[data-theme="dark"] .news-content h2,
html[data-theme="dark"] .news-content h3,
html[data-theme="dark"] .news-content h4,
html[data-theme="dark"] .news-content h5,
html[data-theme="dark"] .news-content h6,
html[data-theme="dark"] .news-content li,
html[data-theme="dark"] .news-content table,
html[data-theme="dark"] .news-content blockquote {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .news-card {
    background-color: var(--card-bg) !important;
}

html[data-theme="dark"] .news-footer {
    background-color: var(--bg-secondary) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .related-card {
    background-color: var(--card-bg) !important;
}

html[data-theme="dark"] .related-title a {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .nav-button {
    background-color: var(--bg-secondary) !important;
    color: var(--accent-blue) !important;
    border-color: var(--accent-blue) !important;
}

html[data-theme="dark"] .nav-button:hover {
    background-color: var(--accent-blue) !important;
    color: var(--bg-primary) !important;
}

html[data-theme="dark"] .nav-button.primary {
    background-color: var(--accent-orange) !important;
    color: white !important;
}

html[data-theme="dark"] .nav-button.primary:hover {
    background-color: #e76b00 !important;
}

html[data-theme="dark"] .section-title {
    color: var(--primary-color) !important;
}

/* Birincil paragrafın ilk harfi için stil düzeltmesi */
html[data-theme="dark"] .news-content p:first-of-type::first-letter {
    color: var(--accent-orange) !important;
}

/*=================================
  12. Tablolar
=================================*/
html[data-theme="dark"] table {
    color: var(--text-primary);
}

html[data-theme="dark"] .table {
    color: var(--text-primary);
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .table-hover > tbody > tr:hover {
    background-color: rgba(255, 255, 255, 0.075);
}

html[data-theme="dark"] .table-bordered,
html[data-theme="dark"] .table-bordered th,
html[data-theme="dark"] .table-bordered td {
    border-color: var(--card-border);
}

/*=================================
  13. Özel İçerik ve Medya
=================================*/
html[data-theme="dark"] .blockquote {
    border-left-color: var(--accent-blue);
    color: var(--text-primary);
}

html[data-theme="dark"] .figure-caption {
    color: var(--text-secondary);
}

html[data-theme="dark"] code,
html[data-theme="dark"] pre {
    background-color: #272822;
    color: #f8f8f2;
    border-color: #444;
}

/*=================================
  14. Geçiş Animasyonları
=================================*/
/* Yumuşak geçişler */
body, .navbar, .footer, .card, a, .btn, .form-control, .dropdown-menu {
    transition: all 0.3s ease;
}
/*=================================
  15. Özel Renk Düzeltmeleri
=================================*/

/* CV sayfasındaki SERTİFİKALAR VE EK EĞİTİMLER başlığını siyah yap */
html[data-theme="dark"] .cv-section-title:contains("SERTİFİKALAR VE EK EĞİTİMLER"),
html[data-theme="dark"] h3.cv-section-title {
    color: #000000 !important; /* Koyu siyah renk */
    background-color: #ffffff !important; /* Beyaz arka plan (okunabilirlik için) */
    padding: 5px 10px !important; /* Biraz dolgu ekleyin */
    border-radius: 4px !important; /* Köşeleri yuvarlatın */
    display: inline-block !important; /* İçerik kadar genişlik */
}

/* Haber içeriğinin yazılarını beyaz yap */
html[data-theme="dark"] .news-content,
html[data-theme="dark"] .news-content p,
html[data-theme="dark"] .news-content span,
html[data-theme="dark"] .news-content div {
    color: #ffffff !important; /* Parlak beyaz renk */
}
/*=================================
  16. Dosya Kartı Düzeltmeleri
=================================*/

/* Dosya kartı container */
html[data-theme="dark"] .files-card {
    background-color: var(--card-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Kart başlığı */
html[data-theme="dark"] .files-card .card-header {
    background-color: var(--bg-secondary, #1e1e1e) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Kart başlığındaki başlık metni */
html[data-theme="dark"] .files-card .card-header h5 {
    color: var(--text-primary, #e0e0e0) !important;
}

/* Arama kutusu container */
html[data-theme="dark"] .files-card .input-group-text {
    background-color: var(--input-bg, #2d2d2d) !important;
    border-color: var(--input-border, #495057) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Arama kutusu içindeki ikon */
html[data-theme="dark"] .files-card .input-group-text i.text-muted {
    color: var(--text-secondary, #adb5bd) !important;
}

/* Arama input alanı */
html[data-theme="dark"] .files-card .form-control.file-search {
    background-color: var(--input-bg, #2d2d2d) !important;
    border-color: var(--input-border, #495057) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Tablo başlık satırı */
html[data-theme="dark"] .files-card .table-light,
html[data-theme="dark"] .files-card thead.table-light {
    background-color: var(--bg-secondary, #1e1e1e) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Tablo başlığı hücreleri */
html[data-theme="dark"] .files-card thead.table-light th {
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Tablo */
html[data-theme="dark"] .files-card .table {
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Tablo hücreleri */
html[data-theme="dark"] .files-card .table td {
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Dosya adı ve meta bilgileri */
html[data-theme="dark"] .files-card .file-name,
html[data-theme="dark"] .files-card .file-meta {
    color: var(--text-primary, #e0e0e0) !important;
}

/* Tablo satırlarında hover efekti */
html[data-theme="dark"] .files-card .table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* İndir butonu */
html[data-theme="dark"] .files-card .download-btn.btn-primary {
    background-color: #297fff !important;
    border-color: #297fff !important;
    color: white !important;
}

html[data-theme="dark"] .files-card .download-btn.btn-primary:hover {
    background-color: #1c6fe3 !important;
    border-color: #1c6fe3 !important;
}
/*=================================
  17. Table-responsive Düzeltmeleri
=================================*/

/* Tablo kapsayıcısı için genel düzeltme */
html[data-theme="dark"] .table-responsive {
    background-color: var(--card-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* İçerideki tablolar için genel düzeltme */
html[data-theme="dark"] .table-responsive .table {
    background-color: var(--card-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Tablo başlık satırı */
html[data-theme="dark"] .table-responsive .table-light,
html[data-theme="dark"] .table-responsive thead.table-light {
    background-color: var(--bg-secondary, #1e1e1e) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Tablo başlığı hücreleri */
html[data-theme="dark"] .table-responsive thead.table-light th {
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Tablo hücreleri */
html[data-theme="dark"] .table-responsive .table td {
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    color: var(--text-primary, #e0e0e0) !important;
    background-color: var(--card-bg, #2d2d2d) !important;
}

/* Inline style ile stil verilen satırlar için özel düzeltme */
html[data-theme="dark"] .table-responsive .table tr[style] {
    background-color: var(--card-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Satır hover efekti */
html[data-theme="dark"] .table-responsive .table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Dosya adı ve meta bilgileri */
html[data-theme="dark"] .table-responsive .file-name,
html[data-theme="dark"] .table-responsive .file-meta {
    color: var(--text-primary, #e0e0e0) !important;
}

/* İçerideki tüm metinlerin rengini düzeltme */
html[data-theme="dark"] .table-responsive .table span:not(.text-danger):not(.text-success):not(.text-warning):not(.text-info) {
    color: var(--text-primary, #e0e0e0) !important;
}
/*=================================
  18. Blog/Haber Kartları Düzeltmeleri
=================================*/

/* Ana blog kapsayıcısı */
html[data-theme="dark"] .post-grid {
    background-color: transparent !important;
    gap: 20px;
}

/* Blog/haber kartı */
html[data-theme="dark"] .post-card {
    background-color: var(--card-bg, #2d2d2d) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Kart içeriği */
html[data-theme="dark"] .post-content {
    background-color: var(--card-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Başlık */
html[data-theme="dark"] .post-title {
    color: var(--text-primary, #e0e0e0) !important;
}

html[data-theme="dark"] .post-title a {
    color: var(--text-primary, #e0e0e0) !important;
}

html[data-theme="dark"] .post-title a:hover {
    color: var(--accent-blue, #7fb3ff) !important;
}

/* Yazı özeti */
html[data-theme="dark"] .post-excerpt {
    color: var(--text-primary, #e0e0e0) !important;
}

/* Post footer alanı */
html[data-theme="dark"] .post-footer {
    border-top-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Meta bilgileri */
html[data-theme="dark"] .post-meta {
    color: var(--text-secondary, #adb5bd) !important;
}

html[data-theme="dark"] .post-meta-item {
    color: var(--text-secondary, #adb5bd) !important;
}

html[data-theme="dark"] .post-meta-item i {
    color: var(--text-secondary, #adb5bd) !important;
}

html[data-theme="dark"] .post-author {
    color: var(--text-secondary, #adb5bd) !important;
}

/* Devamını oku bağlantısı */
html[data-theme="dark"] .read-more {
    color: var(--accent-blue, #7fb3ff) !important;
}

html[data-theme="dark"] .read-more:hover {
    color: var(--accent-blue-hover, #add2ff) !important;
}

/* Badge'lar */
html[data-theme="dark"] .post-badge {
    background-color: var(--bg-secondary, #1e1e1e) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

html[data-theme="dark"] .post-badge.news {
    background-color: #fd7e14 !important;
    color: white !important;
}

html[data-theme="dark"] .post-badge.article {
    background-color: #28a745 !important;
    color: white !important;
}

html[data-theme="dark"] .post-badge.category {
    background-color: var(--bg-secondary, #1e1e1e) !important;
    color: var(--accent-blue, #7fb3ff) !important;
}
/*=================================
  19. Sidebar Widget Düzeltmeleri
=================================*/

/* Sidebar widget container */
html[data-theme="dark"] .sidebar-widget {
    background-color: var(--card-bg, #2d2d2d) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    color: var(--text-primary, #e0e0e0) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Widget başlığı */
html[data-theme="dark"] .widget-title {
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Kategori listesi */
html[data-theme="dark"] .category-list {
    color: var(--text-primary, #e0e0e0) !important;
}

/* Kategori öğeleri */
html[data-theme="dark"] .category-item {
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Kategori bağlantıları */
html[data-theme="dark"] .category-link {
    color: var(--text-primary, #e0e0e0) !important;
}

html[data-theme="dark"] .category-link:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: var(--accent-blue, #7fb3ff) !important;
}

html[data-theme="dark"] .category-link.active {
    background-color: var(--accent-blue, #7fb3ff) !important;
    color: #fff !important;
}

/* Son yayınlar listesi */
html[data-theme="dark"] .recent-list {
    color: var(--text-primary, #e0e0e0) !important;
}

/* Son yayın öğeleri */
html[data-theme="dark"] .recent-item {
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Son yayın bağlantıları */
html[data-theme="dark"] .recent-link {
    color: var(--text-primary, #e0e0e0) !important;
}

html[data-theme="dark"] .recent-link:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Son yayın içerikleri */
html[data-theme="dark"] .recent-title {
    color: var(--text-primary, #e0e0e0) !important;
}

html[data-theme="dark"] .recent-date {
    color: var(--text-secondary, #adb5bd) !important;
}

html[data-theme="dark"] .recent-icon {
    color: var(--accent-blue, #7fb3ff) !important;
}

/*=================================
  20. Ana Sayfa Hero Bölümü Düzeltmeleri
=================================*/

/* Ana başlık */
html[data-theme="dark"] .display-4 {
    color: var(--text-primary, #e0e0e0) !important;
}

/* Alt başlık (Matematik Araştırmacısı ve Akademisyen) */
html[data-theme="dark"] .h3.text-muted {
    color: var(--text-secondary, #adb5bd) !important;
}
/* Sosyal medya bağlantıları - Footer için DARK MODE */
/* FOOTER SOCIAL ICONS – DARK MODE (MOR TEMA) */
/* Dark Theme — Footer Social Icons (Primary Color Based) */
html[data-theme="dark"] .social-links-horizontal a {
    background-color: transparent !important;      
    color: var(--primary-color) !important;         /* ikon rengi primary */
    border: 1px solid var(--primary-color) !important;
    transition: 0.25s ease-in-out;
}

html[data-theme="dark"] .social-links-horizontal a:hover {
    background-color: var(--primary-color) !important;  /* hover arka plan primary */
    color: #ffffff !important;                           /* ikon beyaz */
    transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0,123,255,0.3);
    border-color: var(--primary-color) !important;

    /* Eğer primary-color-light tanımlıysa onu kullanır, değilse primary */
    box-shadow: 0 4px 12px 
        rgba( var(--primary-rgb, 120, 74, 255), 0.35 ) !important;

    transform: translateY(-2px) scale(1.1);
}




/* Butonlar */
html[data-theme="dark"] .btn-outline-primary {
    color: var(--accent-blue, #7fb3ff) !important;
    border-color: var(--accent-blue, #7fb3ff) !important;
}

html[data-theme="dark"] .btn-outline-primary:hover {
    background-color: var(--accent-blue, #7fb3ff) !important;
    color: var(--bg-primary, #121212) !important;
}

html[data-theme="dark"] .btn-outline-success {
    color: #28a745 !important;
    border-color: #28a745 !important;
}

html[data-theme="dark"] .btn-outline-success:hover {
    background-color: #28a745 !important;
    color: white !important;
}
/*=================================
  21. Arama Formu Düzeltmeleri
=================================*/

/* Arama container */
html[data-theme="dark"] .search-container {
    background-color: var(--card-bg, #2d2d2d) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Arama formu */
html[data-theme="dark"] .search-form {
    background-color: var(--card-bg, #2d2d2d) !important;
}

/* Arama input alanı */
html[data-theme="dark"] .search-input {
    background-color: var(--input-bg, #2d2d2d) !important;
    border-color: var(--input-border, #495057) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

html[data-theme="dark"] .search-input::placeholder {
    color: var(--text-secondary, #adb5bd) !important;
}

/* Arama butonu */
html[data-theme="dark"] .search-button {
    background-color: var(--accent-blue, #7fb3ff) !important;
    color: white !important;
    border-color: var(--accent-blue, #7fb3ff) !important;
}

html[data-theme="dark"] .search-button:hover {
    background-color: var(--accent-blue-hover, #add2ff) !important;
    color: var(--bg-primary, #121212) !important;
}

/*=================================
  22. Makale İçerik Kartı Düzeltmeleri
=================================*/

/* Makale içerik kartı */
html[data-theme="dark"] .article-content-card {
    background-color: var(--card-bg, #2d2d2d) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    color: var(--text-primary, #e0e0e0) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Makale içerik alanı */
html[data-theme="dark"] .article-body {
    color: var(--text-primary, #e0e0e0) !important;
}

/* Makale içindeki tüm paragraflar */
html[data-theme="dark"] .article-body p,
html[data-theme="dark"] .article-body h1,
html[data-theme="dark"] .article-body h2,
html[data-theme="dark"] .article-body h3,
html[data-theme="dark"] .article-body h4,
html[data-theme="dark"] .article-body h5,
html[data-theme="dark"] .article-body h6,
html[data-theme="dark"] .article-body ul,
html[data-theme="dark"] .article-body ol,
html[data-theme="dark"] .article-body li,
html[data-theme="dark"] .article-body blockquote {
    color: var(--text-primary, #e0e0e0) !important;
}

/* Makale alt bilgisi */
html[data-theme="dark"] .article-footer {
    border-top-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    background-color: var(--bg-secondary, #1e1e1e) !important;
}

/* Kategori başlıkları */
html[data-theme="dark"] .categories-container h5 {
    color: var(--text-primary, #e0e0e0) !important;
}

/* Kategori rozetleri */
html[data-theme="dark"] .category-badge {
    background-color: var(--bg-secondary, #1e1e1e) !important;
    color: var(--accent-blue, #7fb3ff) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

html[data-theme="dark"] .category-badge:hover {
    background-color: var(--accent-blue, #7fb3ff) !important;
    color: white !important;
}

/* Paylaşım başlığı */
html[data-theme="dark"] .share-title {
    color: var(--text-primary, #e0e0e0) !important;
}

/* Makale navigasyon butonları */
html[data-theme="dark"] .article-navigation .nav-button {
    background-color: var(--bg-secondary, #1e1e1e) !important;
    color: var(--accent-blue, #7fb3ff) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

html[data-theme="dark"] .article-navigation .nav-button:hover {
    background-color: var(--accent-blue, #7fb3ff) !important;
    color: white !important;
}

html[data-theme="dark"] .article-navigation .nav-button.primary {
    background-color: var(--accent-blue, #7fb3ff) !important;
    color: white !important;
}

html[data-theme="dark"] .article-navigation .nav-button.primary:hover {
    background-color: var(--accent-blue-hover, #add2ff) !important;
}

/*=================================
  23. Kenar Çubuğu Kartı Düzeltmeleri
=================================*/

/* Kenar çubuğu kartı */
html[data-theme="dark"] .sidebar-card {
    background-color: var(--card-bg, #2d2d2d) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    color: var(--text-primary, #e0e0e0) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Kenar çubuğu başlığı */
html[data-theme="dark"] .sidebar-header {
    background-color: var(--bg-secondary, #1e1e1e) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Kenar çubuğu içeriği */
html[data-theme="dark"] .sidebar-body {
    color: var(--text-primary, #e0e0e0) !important;
}

/*=================================
  24. Form Elemanları Ek Düzeltmeleri
=================================*/

/* Textarea alanları */
html[data-theme="dark"] textarea.form-control,
html[data-theme="dark"] .comment-textarea {
    background-color: var(--input-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--input-border, #495057) !important;
}

html[data-theme="dark"] textarea.form-control:focus,
html[data-theme="dark"] .comment-textarea:focus {
    background-color: var(--input-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--accent-blue, #7fb3ff) !important;
    box-shadow: 0 0 0 0.25rem rgba(127, 179, 255, 0.25) !important;
}

html[data-theme="dark"] textarea.form-control::placeholder,
html[data-theme="dark"] .comment-textarea::placeholder {
    color: var(--text-secondary, #adb5bd) !important;
}

/* Genel yapışkan düzeltme - tüm metin elementleri için */
html[data-theme="dark"] p,
html[data-theme="dark"] span:not(.badge):not(.share-button):not(.category-badge) {
    color: var(#ffff,--text-primary) !important;
}
/*=================================
  25. Yorum Formu Başlığı Düzeltmesi
=================================*/

/* Yorum formu başlığı - daha koyu renk */
html[data-theme="dark"] .comment-form-title {
    color: #ffffff !important; /* Tam beyaz, daha koyu görünecek */
    font-weight: 600 !important; /* Biraz daha kalın */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important; /* Hafif gölge ekleyerek daha belirgin */
    border-left: 3px solid var(--accent-blue, #7fb3ff) !important; /* Sol kenara vurgu çizgisi */
    padding-left: 10px !important; /* Sol kenar boşluğu */
}
/*=================================
  26. Login/Register Formları Düzeltmeleri
=================================*/

/* İkonlu input alanları */
html[data-theme="dark"] .input-with-icon {
    background-color: var(--input-bg, #2d2d2d) !important;
    border-color: var(--input-border, #495057) !important;
}

/* Input ikonları */
html[data-theme="dark"] .input-icon {
    color: var(--text-secondary, #adb5bd) !important;
}

/* Form kontrolleri */
html[data-theme="dark"] .input-with-icon .form-control {
    background-color: var(--input-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--input-border, #495057) !important;
}

/* Placeholder metin rengi */
html[data-theme="dark"] .input-with-icon .form-control::placeholder {
    color: var(--text-secondary, #adb5bd) !important;
}

/* Focus durumu */
html[data-theme="dark"] .input-with-icon .form-control:focus {
    border-color: var(--accent-blue, #7fb3ff) !important;
    box-shadow: 0 0 0 0.25rem rgba(127, 179, 255, 0.25) !important;
}

/* Auth footer */
html[data-theme="dark"] .auth-footer {
    background-color: var(--bg-secondary, #1e1e1e) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Auth footer metin */
html[data-theme="dark"] .auth-footer p {
    color: var(--text-primary, #e0e0e0) !important;
}

/* Auth footer link */
html[data-theme="dark"] .auth-footer a {
    color: var(--accent-blue, #7fb3ff) !important;
    font-weight: 600 !important;
}

html[data-theme="dark"] .auth-footer a:hover {
    color: var(--accent-blue-hover, #add2ff) !important;
    text-decoration: underline !important;
}
/*=================================
  27. Form Etiket ve Input Düzeltmeleri
=================================*/

/* Form etiketleri */
html[data-theme="dark"] .form-label {
    color: var(--text-primary, #e0e0e0) !important;
}

/* Form input alanları (genel) */
html[data-theme="dark"] .form-control {
    background-color: var(--input-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--input-border, #495057) !important;
}

/* Placeholder metin rengi */
html[data-theme="dark"] .form-control::placeholder {
    color: var(--text-secondary, #adb5bd) !important;
}

/* Focus durumu */
html[data-theme="dark"] .form-control:focus {
    border-color: var(--accent-blue, #7fb3ff) !important;
    box-shadow: 0 0 0 0.25rem rgba(127, 179, 255, 0.25) !important;
    background-color: var(--input-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Disabled durumu */
html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-control[readonly] {
    background-color: rgba(45, 45, 45, 0.75) !important;
    color: var(--text-secondary, #adb5bd) !important;
}

/* Geçersiz input durumu */
html[data-theme="dark"] .form-control.is-invalid {
    border-color: #dc3545 !important;
    background-color: rgba(220, 53, 69, 0.1) !important;
}

/* Geçerli input durumu */
html[data-theme="dark"] .form-control.is-valid {
    border-color: #28a745 !important;
    background-color: rgba(40, 167, 69, 0.1) !important;
}

/* Form grup konteynırı */
html[data-theme="dark"] .mb-3,
html[data-theme="dark"] .form-group {
    color: var(--text-primary, #e0e0e0) !important;
}
/*=================================
  28. Dosya Kartı Gelişmiş Düzeltmeler
=================================*/

/* Dosya kartı */
html[data-theme="dark"] .files-card {
    background-color: var(--card-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Kart başlığı */
html[data-theme="dark"] .files-card .card-header {
    background-color: var(--bg-secondary, #1e1e1e) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Başlık metni */
html[data-theme="dark"] .files-card .card-header h5 {
    color: var(--text-primary, #e0e0e0) !important;
}

/* Arama kutusu konteyneri */
html[data-theme="dark"] .files-card .input-group-text,
html[data-theme="dark"] .files-card .input-group-text.bg-white {
    background-color: var(--input-bg, #2d2d2d) !important;
    border-color: var(--input-border, #495057) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Arama ikonu */
html[data-theme="dark"] .files-card .input-group-text i.text-muted {
    color: var(--text-secondary, #adb5bd) !important;
}

/* Arama input alanı */
html[data-theme="dark"] .files-card .file-search,
html[data-theme="dark"] .files-card .form-control.file-search {
    background-color: var(--input-bg, #2d2d2d) !important;
    border-color: var(--input-border, #495057) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Tablo başlık satırı */
html[data-theme="dark"] .files-card .table-light,
html[data-theme="dark"] .files-card .table thead,
html[data-theme="dark"] .files-card .table thead.table-light,
html[data-theme="dark"] .files-card .table thead.table-light tr,
html[data-theme="dark"] .files-card .table thead.table-light th {
    background-color: var(--bg-secondary, #1e1e1e) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Tablo gövdesi */
html[data-theme="dark"] .files-card .table tbody {
    background-color: var(--card-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Tablo satırları */
html[data-theme="dark"] .files-card .table tbody tr {
    background-color: var(--card-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Tablo hücreleri */
html[data-theme="dark"] .files-card .table tbody td {
    background-color: var(--card-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--card-border, rgba(255, 255, 255, 0.1)) !important;
}

/* Dosya adı ve meta bilgileri */
html[data-theme="dark"] .files-card .file-name,
html[data-theme="dark"] .files-card .file-meta,
html[data-theme="dark"] .files-card .file-name span,
html[data-theme="dark"] .files-card .file-meta span {
    color: var(--text-primary, #e0e0e0) !important;
}

/* İndir butonu */
html[data-theme="dark"] .files-card .download-btn,
html[data-theme="dark"] .files-card .btn-primary.download-btn {
    background-color: var(--accent-blue, #7fb3ff) !important;
    border-color: var(--accent-blue, #7fb3ff) !important;
    color: white !important;
}

html[data-theme="dark"] .files-card .download-btn:hover,
html[data-theme="dark"] .files-card .btn-primary.download-btn:hover {
    background-color: var(--accent-blue-hover, #add2ff) !important;
    border-color: var(--accent-blue-hover, #add2ff) !important;
}

/* Dosya ikonları - renkleri koruyun (PDF için kırmızı gibi) */
html[data-theme="dark"] .files-card .file-icon .text-danger {
    color: #dc3545 !important;
}

html[data-theme="dark"] .files-card .file-icon .text-primary {
    color: #007bff !important;
}

html[data-theme="dark"] .files-card .file-icon .text-success {
    color: #28a745 !important;
}

html[data-theme="dark"] .files-card .file-icon .text-warning {
    color: #ffc107 !important;
}

html[data-theme="dark"] .files-card .file-icon .text-info {
    color: #17a2b8 !important;
}
/*=================================
  29. Dosya Arama Input Alanı Spesifik Düzeltme
=================================*/

/* En yüksek öncelikli seçici ile arama input alanı düzeltmesi */
html[data-theme="dark"] input#fileSearch.form-control.file-search,
html[data-theme="dark"] input.form-control.file-search#fileSearch,
html[data-theme="dark"] #fileSearch.form-control.file-search,
html[data-theme="dark"] .form-control.file-search#fileSearch,
html[data-theme="dark"] input.form-control.file-search,
html[data-theme="dark"] .form-control.file-search,
html[data-theme="dark"] input#fileSearch,
html[data-theme="dark"] #fileSearch {
    background-color: var(--input-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--input-border, #495057) !important;
    border-left-color: transparent !important;
}

/* Input alanının placeholder rengi */
html[data-theme="dark"] input#fileSearch::placeholder,
html[data-theme="dark"] .form-control.file-search::placeholder,
html[data-theme="dark"] #fileSearch::placeholder {
    color: var(--text-secondary, #adb5bd) !important;
}

/* Input grubunun sol kısmı (ikon container) */
html[data-theme="dark"] .input-group-text.bg-white,
html[data-theme="dark"] .input-group-text.bg-white.border-end-0 {
    background-color: var(--input-bg, #2d2d2d) !important;
    border-color: var(--input-border, #495057) !important;
    color: var(--text-primary, #e0e0e0) !important;
}

/* Inline stil içeren elementleri geçersiz kılma */
html[data-theme="dark"] [style*="background-color: white"],
html[data-theme="dark"] [style*="background-color:#fff"],
html[data-theme="dark"] [style*="background-color: #fff"],
html[data-theme="dark"] [style*="background-color: #ffffff"],
html[data-theme="dark"] [style*="background: white"],
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background: #ffffff"] {
    background-color: var(--card-bg, #2d2d2d) !important;
}

/* !important ile uygulanan tüm beyaz arka plan renklerini geçersiz kıl */
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .background-white,
html[data-theme="dark"] .white-bg {
    background-color: var(--input-bg, #2d2d2d) !important;
    border-color: var(--input-border, #495057) !important;
}
/*=================================
  30. Nihai ve Radikal Input Düzeltme
=================================*/

/* 
 * Bu kod, CSS specificity savaşını kazanmak için
 * mümkün olan en güçlü selector kombinasyonlarını kullanır
 */

/* 1. #fileSearch için maksimum öncelikli CSS seçici */
html[data-theme="dark"] body input.form-control#fileSearch.file-search.border-start-0,
html[data-theme="dark"] body input#fileSearch.form-control.file-search.border-start-0,
html[data-theme="dark"] body #fileSearch.form-control.file-search.border-start-0,
html[data-theme="dark"] body input.form-control#fileSearch.file-search,
html[data-theme="dark"] body input#fileSearch.form-control.file-search,
html[data-theme="dark"] body #fileSearch.form-control.file-search,
html[data-theme="dark"] body #fileSearch,
html[data-theme="dark"] .files-card #fileSearch,
html[data-theme="dark"] #fileSearch {
    background-color: var(--input-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--input-border, #495057) !important;
    caret-color: var(--text-primary, #e0e0e0) !important;
    -webkit-text-fill-color: var(--text-primary, #e0e0e0) !important;
}

/* 2. Tüm input[type="text"] elementleri */
html[data-theme="dark"] body input[type="text"].form-control.file-search.border-start-0,
html[data-theme="dark"] body input[type="text"].form-control.file-search,
html[data-theme="dark"] body input[type="text"].form-control,
html[data-theme="dark"] body input[type="text"] {
    background-color: var(--input-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--input-border, #495057) !important;
    caret-color: var(--text-primary, #e0e0e0) !important;
    -webkit-text-fill-color: var(--text-primary, #e0e0e0) !important;
}

/* 3. Tüm input elementleri */
html[data-theme="dark"] body input.form-control.file-search.border-start-0,
html[data-theme="dark"] body input.form-control.file-search,
html[data-theme="dark"] body input.form-control,
html[data-theme="dark"] body input {
    background-color: var(--input-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--input-border, #495057) !important;
    caret-color: var(--text-primary, #e0e0e0) !important;
    -webkit-text-fill-color: var(--text-primary, #e0e0e0) !important;
}

/* 4. Form-control ve file-search class'ları */
html[data-theme="dark"] body .form-control.file-search.border-start-0,
html[data-theme="dark"] body .form-control.file-search,
html[data-theme="dark"] body .form-control,
html[data-theme="dark"] body .file-search {
    background-color: var(--input-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--input-border, #495057) !important;
    caret-color: var(--text-primary, #e0e0e0) !important;
    -webkit-text-fill-color: var(--text-primary, #e0e0e0) !important;
}

/* 5. Arama ikonu konteyneri için */
html[data-theme="dark"] body .input-group-text,
html[data-theme="dark"] body .input-group-text.bg-white,
html[data-theme="dark"] body .input-group-text.bg-white.border-end-0,
html[data-theme="dark"] body span.input-group-text,
html[data-theme="dark"] body span.input-group-text.bg-white,
html[data-theme="dark"] body span.input-group-text.bg-white.border-end-0 {
    background-color: var(--input-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--input-border, #495057) !important;
}

/* 6. Arama ikonu */
html[data-theme="dark"] body .input-group-text i,
html[data-theme="dark"] body .input-group-text i.fas,
html[data-theme="dark"] body .input-group-text i.fa-search,
html[data-theme="dark"] body .input-group-text i.fas.fa-search,
html[data-theme="dark"] body .input-group-text i.text-muted,
html[data-theme="dark"] body .input-group-text i.fas.text-muted,
html[data-theme="dark"] body .input-group-text i.fas.fa-search.text-muted {
    color: var(--text-secondary, #adb5bd) !important;
}

/* 7. Input placeholder */
html[data-theme="dark"] body input::placeholder,
html[data-theme="dark"] body input.form-control::placeholder,
html[data-theme="dark"] body input.form-control.file-search::placeholder,
html[data-theme="dark"] body #fileSearch::placeholder {
    color: var(--text-secondary, #adb5bd) !important;
    opacity: 1 !important;
}

/* 8. Fokus durumu */
html[data-theme="dark"] body input:focus,
html[data-theme="dark"] body input.form-control:focus,
html[data-theme="dark"] body input.form-control.file-search:focus,
html[data-theme="dark"] body #fileSearch:focus {
    background-color: var(--input-bg, #2d2d2d) !important;
    color: var(--text-primary, #e0e0e0) !important;
    border-color: var(--accent-blue, #7fb3ff) !important;
    box-shadow: 0 0 0 0.25rem rgba(127, 179, 255, 0.25) !important;
    outline: none !important;
}

/* Nihai önlem olarak inline stil ile doğrudan HTML'e stylesheet ekleme */
html[data-theme="dark"] head {
    display: block !important;
}

html[data-theme="dark"] head::after {
    content: "input#fileSearch, .form-control.file-search, input.form-control.file-search.border-start-0 { background-color: #2d2d2d !important; color: #e0e0e0 !important; -webkit-text-fill-color: #e0e0e0 !important; }";
    display: none !important;
}
/*=================================
  31. Placeholder Spesifik Düzeltme
=================================*/

/* Tüm placeholder selektörlerini ekleyin (farklı tarayıcılar için) */
html[data-theme="dark"] #fileSearch::-webkit-input-placeholder,
html[data-theme="dark"] #fileSearch::-moz-placeholder,
html[data-theme="dark"] #fileSearch:-ms-input-placeholder,
html[data-theme="dark"] #fileSearch::placeholder,
html[data-theme="dark"] .file-search::-webkit-input-placeholder,
html[data-theme="dark"] .file-search::-moz-placeholder,
html[data-theme="dark"] .file-search:-ms-input-placeholder,
html[data-theme="dark"] .file-search::placeholder,
html[data-theme="dark"] input.form-control::-webkit-input-placeholder,
html[data-theme="dark"] input.form-control::-moz-placeholder,
html[data-theme="dark"] input.form-control:-ms-input-placeholder,
html[data-theme="dark"] input.form-control::placeholder {
    color: var(--text-secondary, #adb5bd) !important;
    opacity: 1 !important;
}
/*=================================
  32. Siyah Input Alanı - Beyaz Placeholder
=================================*/

/* Input alanı */
html[data-theme="dark"] #fileSearch,
html[data-theme="dark"] .file-search,
html[data-theme="dark"] input.form-control.file-search,
html[data-theme="dark"] input.form-control.file-search.border-start-0,
html[data-theme="dark"] .input-group .form-control.file-search {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #495057 !important;
    -webkit-text-fill-color: #e0e0e0 !important;
}

/* Placeholder - Tüm tarayıcılar için beyaz */
html[data-theme="dark"] #fileSearch::-webkit-input-placeholder,
html[data-theme="dark"] .file-search::-webkit-input-placeholder,
html[data-theme="dark"] input.form-control.file-search::-webkit-input-placeholder {
    color: #e0e0e0 !important;
    opacity: 0.7 !important;
}

html[data-theme="dark"] #fileSearch::-moz-placeholder,
html[data-theme="dark"] .file-search::-moz-placeholder,
html[data-theme="dark"] input.form-control.file-search::-moz-placeholder {
    color: #e0e0e0 !important;
    opacity: 0.7 !important;
}

html[data-theme="dark"] #fileSearch:-ms-input-placeholder,
html[data-theme="dark"] .file-search:-ms-input-placeholder,
html[data-theme="dark"] input.form-control.file-search:-ms-input-placeholder {
    color: #e0e0e0 !important;
    opacity: 0.7 !important;
}

html[data-theme="dark"] #fileSearch::placeholder,
html[data-theme="dark"] .file-search::placeholder,
html[data-theme="dark"] input.form-control.file-search::placeholder {
    color: #e0e0e0 !important;
    opacity: 0.7 !important;
}

/* Arama ikonu konteyneri */
html[data-theme="dark"] span.input-group-text.bg-white,
html[data-theme="dark"] .input-group-text.bg-white.border-end-0 {
    background-color: #2d2d2d !important;
    border-color: #495057 !important;
}

/* Arama ikonu */
html[data-theme="dark"] span.input-group-text.bg-white i.text-muted,
html[data-theme="dark"] .input-group-text i.fas.fa-search.text-muted {
    color: #e0e0e0 !important;
}

/* Input focus durumu */
html[data-theme="dark"] #fileSearch:focus,
html[data-theme="dark"] .file-search:focus,
html[data-theme="dark"] input.form-control.file-search:focus {
    background-color: #2d2d2d !important;
    border-color: #7fb3ff !important;
    box-shadow: 0 0 0 0.25rem rgba(127, 179, 255, 0.25) !important;
}

/* Kesin çözüm: !important kullanımını en üst seviyeye çıkarma */
@media screen {
    html[data-theme="dark"] body input#fileSearch {
        background-color: #2d2d2d !important;
        color: #e0e0e0 !important;
    }
    
    html[data-theme="dark"] body input#fileSearch::placeholder {
        color: #e0e0e0 !important;
    }
}
/* Alternatif placeholder düzeltmesi - inline CSS olarak */
html[data-theme="dark"] head::after {
    content: "#fileSearch::placeholder, .file-search::placeholder, input.form-control::placeholder { color: #adb5bd !important; opacity: 1 !important; }";
    display: none;
}


/*=================================
  Akordiyon Menü Düzeltmeleri (Dark Mode)
=================================*/
html[data-theme="dark"] .accordion-item {
    background-color: var(--card-bg);
    border-color: var(--card-border);
}

html[data-theme="dark"] .accordion-button {
    color: var(--text-primary);
}

/* Kapalı durum */
html[data-theme="dark"] .accordion-button.collapsed {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

/* Açık durum */
html[data-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: #b799ff !important; /* mor */
    color: var(--bg-primary);
    box-shadow: inset 0 -1px 0 var(--card-border);
}

/* Bootstrap ikonu */
html[data-theme="dark"] .accordion-button::after {
    filter: invert(1) brightness(1.5) contrast(1.5);
}

html[data-theme="dark"] .accordion-button:not(.collapsed)::after {
    filter: invert(1) brightness(0.8) contrast(1.5);
}

/* Font Awesome ikonları */
html[data-theme="dark"] .accordion-button .fas {
    color: #b799ff !important;  /* mor ikon */
}

html[data-theme="dark"] .accordion-button.collapsed .fas {
    color: var(--text-secondary) !important; /* soluk */
}

html[data-theme="dark"] .accordion-button:not(.collapsed) .fas {
    color: var(--bg-primary) !important; /* açık metin */
}

/* Focus */
html[data-theme="dark"] .accordion-button:focus {
    border-color: #b799ff !important;
    box-shadow: 0 0 0 0.25rem rgba(183,153,255,0.35) !important;
}

/* İçerik */
html[data-theme="dark"] .accordion-body {
    color: var(--text-primary);
}

/* İçerideki linkler */
html[data-theme="dark"] .accordion-body a {
    color: #b799ff !important;  /* mor */
}

html[data-theme="dark"] .accordion-body a:hover {
    color: #d6b8ff !important; /* açık mor hover */
}