/**
 * Enhanced Styles with Dark Mode Support
 * Accessibility improvements and modern design patterns
 */

/* ============================================
   CSS VARIABLES - THEME SYSTEM
   ============================================ */

:root {
    /* Light Theme - Default (Darker Light Tones) */
    --theme-bg: #f4f7f6;
    /* Modern light-grey background */
    --bg-primary: #f4f7f6;
    --card-bg: #ffffff;
    --card-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    --border-color: #cbd5e1;
    --text-muted: #64748b;
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --primary-color: #3b7ddd;
    --primary: #3b7ddd;
    --bg-secondary: #ffffff;
    /* Secondary is often cards/modals */
    --bg-tertiary: #e2e8f0;
    --shadow-sm: rgba(0, 0, 0, 0.05);
    --shadow-md: rgba(0, 0, 0, 0.1);
    --shadow-lg: rgba(0, 0, 0, 0.15);
    --card-border: rgba(0, 0, 0, 0.08);
    /* Kart kenarını belirginleştirdik */
    --card-border-thin: 1px solid var(--border-color);
}

html[data-theme="dark"] {
    /* Premium "Soft Dim" Theme - Much Lighter & Eye Friendly */
    --theme-bg: #334155;
    /* Slate 700 (Much lighter base) */
    --bg-primary: #334155;
    --bg-secondary: #475569;
    /* Slate 600 */
    --bg-tertiary: #64748b;
    /* Slate 500 */

    --card-bg: #475569;
    /* Slate 600 for cards */
    --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    --border-color: rgba(255, 255, 255, 0.2);
    --card-border: rgba(255, 255, 255, 0.2);
    --card-border-thin: 1px solid var(--border-color);

    --text-primary: #ffffff;
    --text-secondary: #f1f5f9;
    /* Slate 100 */
    --text-muted: #cbd5e1;
    /* Slate 300 */

    --text-primary: #ffffff;
    --text-secondary: #f1f5f9;
    /* Slate 100 */
    --text-muted: #cbd5e1;
    /* Slate 300 */

    --primary-color: #60a5fa;
    /* Blue 400 */
    --primary: #60a5fa;

    --shadow-sm: rgba(0, 0, 0, 0.2);
    --shadow-md: rgba(0, 0, 0, 0.3);
    --shadow-lg: rgba(0, 0, 0, 0.4);
}

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

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

/* ============================================
   BASE STYLES & RESETS
   ============================================ */

body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* ============================================
   BOOTSTRAP UTILITY OVERRIDES (CRITICAL FOR DARK MODE)
   ============================================ */

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

/* Earthquake List Card - Modern Dark Style */
html[data-theme="dark"] .eq-card-modern {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .eq-card-modern:hover {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

html[data-theme="dark"] .eq-badge-soft {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: var(--text-secondary) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .watermark-mag {
    opacity: 0.04 !important;
}

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

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

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

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

html[data-theme="dark"] .text-success {
    color: #4ade80 !important;
    /* Parlak zümrüt yeşili (Emerald-400) */
}

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

html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-bottom,
html[data-theme="dark"] .border-start,
html[data-theme="dark"] .border-end {
    border-color: var(--border-color) !important;
}

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

html[data-theme="dark"] .shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.5) !important;
}

/* ============================================
   COMPONENT STYLES
   ============================================ */

/* Kartlar - Sadece Dark Mode kuralı olarak kalsın */
html[data-theme="dark"] .card,
html[data-theme="dark"] .modern-card,
html[data-theme="dark"] .eq-card-modern,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .stat-card-modern,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .info-box-modern,
html[data-theme="dark"] .table-responsive,
html[data-theme="dark"] .table-row-card,
html[data-theme="dark"] .earthquake-toast,
html[data-theme="dark"] .hero-card-bg {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    color: var(--text-primary);
    overflow: hidden;
    box-shadow: none !important;
}



/* Kart Header/Footer */
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer {

    border-color: var(--border-color);
}

/* Tablolar */
.table {
    color: var(--text-primary);
    border-color: var(--border-color);
}

html[data-theme="dark"] .table {
    color: var(--text-primary);
    --bs-table-color: var(--text-primary);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--border-color);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
    --bs-table-hover-bg: rgba(255, 255, 255, 0.05);
}

html[data-theme="dark"] .table thead th {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-color);
}

/* Form Elemanları */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus {
    background-color: var(--bg-tertiary);
    border-color: var(--primary);
    color: var(--text-primary);
    box-shadow: 0 0 0 0.25rem rgba(59, 125, 221, 0.25);
}

html[data-theme="dark"] .input-group-text {
    background-color: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

/* Badge'ler */
html[data-theme="dark"] .badge.bg-light {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* Dropdown */
html[data-theme="dark"] .dropdown-menu {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

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


html[data-theme="dark"] .dropdown-divider {
    border-color: var(--border-color);
}

/* Sidebar & Navbar (AdminKit uyumu) */
html[data-theme="dark"] .sidebar {
    background-color: var(--bg-primary);
}

html[data-theme="dark"] .sidebar-link,
html[data-theme="dark"] a.sidebar-link {
    background-color: transparent;
    color: rgba(233, 236, 239, 0.8);
}

html[data-theme="dark"] .sidebar-link,
html[data-theme="dark"] a.sidebar-link {
    background-color: transparent;
    color: rgba(233, 236, 239, 0.8);
}

html[data-theme="dark"] .sidebar-item.active .sidebar-link {
    background: linear-gradient(90deg, rgba(59, 125, 221, 0.1), rgba(59, 125, 221, 0.0875) 50%, transparent);
    border-left-color: var(--primary);
    color: #e9ecef;
}

html[data-theme="dark"] .navbar {
    background-color: var(--bg-primary) !important;
    border-bottom: 1px solid var(--border-color);
}

/* Modals */
html[data-theme="dark"] .modal-content {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
    border-color: var(--border-color);
}

html[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* SweetAlert2 Dark Mode */
html[data-theme="dark"] .swal2-popup {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .swal2-title,
html[data-theme="dark"] .swal2-html-container,
html[data-theme="dark"] .swal2-content {
    color: var(--text-primary) !important;
}

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

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

html[data-theme="dark"] .swal2-success-circular-line-left,
html[data-theme="dark"] .swal2-success-circular-line-right,
html[data-theme="dark"] .swal2-success-fix {
    background-color: transparent !important;
}


/* ============================================
   GELİŞMİŞ TABLO STİLLERİ
   ============================================ */

.table {
    color: var(--text-primary);
    border-color: var(--border-color);
}

.table thead {
    background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);
    color: var(--text-secondary);
    border-bottom: 2px solid var(--border-color);
}

.table thead th {
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 1rem;
    border-bottom: none;
    white-space: nowrap;
}

.table tbody tr {
    transition: all 0.2s ease;
    border-bottom: 1px solid var(--border-color);
}



.table tbody td {
    padding: 1rem;
    vertical-align: middle;
    border-color: var(--border-color);
}

.table-sm tbody td,
.table-sm thead th {
    padding: 0.75rem;
}

/* Tablo responsive iyileştirmeleri */
.table-responsive {
    border-radius: 12px;
    border: 1px solid var(--border-color);
}

@media (max-width: 768px) {

    .table thead th,
    .table tbody td {
        padding: 0.75rem 0.5rem;
        font-size: 0.85rem;
    }
}

/* ============================================
   GELİŞMİŞ FORM STİLLERİ
   ============================================ */

.form-control,
.form-select {
    background-color: var(--bg-secondary);
    border: 2px solid var(--border-color);
    color: var(--text-primary) !important;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
    font-size: 0.9rem;
}

/* Koyu mod placeholder (yer tutucu) metinleri için düzeltme */
.form-control::placeholder,
.form-select::placeholder {
    color: var(--text-muted) !important;
    opacity: 0.8 !important;
}

html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] .form-select::placeholder {
    color: #94a3b8 !important;
    /* Slate-400 */
    opacity: 1 !important;
}

.form-control:focus,
.form-select:focus {
    background-color: var(--bg-primary);
    border-color: var(--border-color) !important;
    box-shadow: none !important;
    outline: none;
    color: var(--text-primary);
}

.form-control:disabled,
.form-select:disabled {
    background-color: var(--bg-tertiary);
    opacity: 0.6;
    cursor: not-allowed;
}

.form-label {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.form-text {
    color: var(--text-muted);
    font-size: 0.875rem;
}

/* Input group iyileştirmeleri */
.input-group-text {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

/* ============================================
   KARTTA BAŞLIK İYİLEŞTİRMELERİ
   ============================================ */





.card-footer {
    background-color: var(--bg-secondary);
    border-top: 1px solid var(--border-color);
}

/* ============================================
   BUTON İYİLEŞTİRMELERİ
   ============================================ */

.btn-outline-secondary {
    color: var(--text-primary);
    border-color: var(--border-color);
    background-color: transparent;
}



.btn-light {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}



/* ============================================
   DROPDOWN İYİLEŞTİRMELERİ
   ============================================ */

.dropdown-menu {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 16px var(--shadow-md);
    border-radius: 8px;
}

.dropdown-item {
    color: var(--text-primary);
    transition: all 0.2s ease;
}



.dropdown-divider {
    border-color: var(--border-color);
}

/* ============================================
   TOAST BİLDİRİMLERİ
   ============================================ */

.toast {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 16px var(--shadow-md);
    color: var(--text-primary);
}

.toast-header {
    background-color: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
    color: var(--text-primary);
}

.toast-body {
    color: var(--text-primary);
}

/* ============================================
   PROGRESS BAR İYİLEŞTİRMELERİ
   ============================================ */

.progress {
    background-color: var(--bg-secondary);
    border-radius: 8px;
    overflow: hidden;
}

.progress-bar {
    transition: width 0.6s ease;
}

/* ============================================
   NAV TABS İYİLEŞTİRMELERİ
   ============================================ */

.nav-tabs {
    border-bottom: 2px solid var(--border-color);
}

.nav-tabs .nav-link {
    color: var(--text-secondary);
    border: none;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
    padding: 0.75rem 1.25rem;
}



.nav-tabs .nav-link.active {
    color: var(--primary);
    border-bottom-color: var(--primary);
    background-color: transparent;
}

/* ============================================
   LIST GROUP İYİLEŞTİRMELERİ
   ============================================ */

.list-group-item {
    background-color: var(--bg-primary);
    border-color: var(--border-color);
    color: var(--text-primary);
}



.list-group-item.active {
    background-color: var(--primary);
    border-color: var(--primary);
}

.list-group-item-action:focus {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

/* ============================================
   ACCORDION İYİLEŞTİRMELERİ
   ============================================ */

.accordion-item {
    background-color: var(--bg-primary);
    border-color: var(--border-color);
}

.accordion-button {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

.accordion-button:not(.collapsed) {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

.accordion-button:focus {
    box-shadow: 0 0 0 4px rgba(59, 125, 221, 0.1);
}

.accordion-body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* ============================================
   SPINNER İYİLEŞTİRMELERİ
   ============================================ */

.spinner-border,
.spinner-grow {
    color: var(--primary);
}

[data-theme="dark"] .spinner-border,
[data-theme="dark"] .spinner-grow {
    color: #5a9fff;
}

/* ============================================
   TEXT SEÇİMİ
   ============================================ */

::selection {
    background-color: rgba(59, 125, 221, 0.3);
    color: var(--text-primary);
}

::-moz-selection {
    background-color: rgba(59, 125, 221, 0.3);
    color: var(--text-primary);
}

/* ============================================
   NAVBAR & TOP BAR
   ============================================ */

.navbar-bg {
    background-color: var(--bg-primary);
    border-bottom: 1px solid var(--border-color);
}

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

.navbar-light .navbar-nav .nav-link {
    color: var(--text-primary);
}

/* Hamburger Menu Visibility in Dark Mode */
html[data-theme="dark"] .hamburger,
html[data-theme="dark"] .hamburger:before,
html[data-theme="dark"] .hamburger:after {
    background-color: var(--text-primary) !important;
}

html[data-theme="dark"] .sidebar-toggle:hover .hamburger,
html[data-theme="dark"] .sidebar-toggle:hover .hamburger:before,
html[data-theme="dark"] .sidebar-toggle:hover .hamburger:after {
    background-color: var(--primary) !important;
}

.navbar .text-dark {
    color: var(--text-primary);
}

#theme-toggle-btn {
    border-color: var(--border-color);
    color: var(--text-primary);
}

/* SIDEBAR */
html[data-theme="dark"] .btn-soft-primary {
    background: rgba(59, 125, 221, 0.15) !important;
    color: #60a5fa !important;
}



html[data-theme="dark"] .btn-soft-secondary {
    background: rgba(148, 163, 184, 0.1) !important;
    color: #94a3b8 !important;
}

html[data-theme="dark"] .sidebar-nav .sidebar-header {
    background: transparent !important;
    padding: 1rem 1.5rem 0.5rem !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05rem !important;
    opacity: 0.5;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    margin-bottom: 0.5rem;
}

html[data-theme="dark"] .sidebar-link i {
    font-size: 1.1rem;
    width: 20px;
}

/* MAP POPUP */
[data-theme="dark"] .leaflet-popup-content-wrapper,
[data-theme="dark"] .leaflet-popup-tip {
    background-color: var(--bg-primary);
}

/* MOBILE */
@media (max-width: 768px) {
    h1 {
        font-size: 1.75rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    .btn {
        min-height: 44px;
    }

    .table {
        font-size: 0.85rem;
    }
}

/* ============================================
   SEMANTIC THEME CLASSES (PHP ENTEGRASYONU)
   ============================================ */
.eq-card {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
}

.eq-text-primary {
    color: var(--text-primary);
}

.eq-text-secondary {
    color: var(--text-secondary);
}

.eq-text-muted {
    color: var(--text-muted);
}

.eq-bg-subtle {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

/* ============================================
   TEXT-DARK FIX FOR DARK MODE
   ============================================ */
[data-theme="dark"] .text-dark {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .fw-bold.text-dark {
    color: var(--text-primary) !important;
}

/* BG-LIGHT AND BG-WHITE FIX */
[data-theme="dark"] .bg-light {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

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

/* Border colors */
[data-theme="dark"] .border {
    border-color: var(--border-color);
}

[data-theme="dark"] .border-light {
    border-color: var(--border-color);
}

/* Badge fixes */
[data-theme="dark"] .badge.bg-light {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] .bg-success-light {
    background-color: rgba(74, 222, 128, 0.1) !important;
    color: #4ade80 !important;
}

/* Map Legend and Overlays */
[data-theme="dark"] .bg-white.rounded-3.border.d-none.d-md-block {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .leaflet-bar a {
    background-color: var(--card-bg);
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-color);
}

[data-theme="dark"] .leaflet-bar a:hover {
    background-color: var(--bg-tertiary);
}

/* Detay Sayfası Özel */
[data-theme="dark"] .bg-secondary.bg-opacity-10 {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .bg-warning.bg-opacity-10 {
    background-color: rgba(251, 191, 36, 0.15) !important;
}

[data-theme="dark"] .bg-info.bg-opacity-10 {
    background-color: rgba(34, 211, 238, 0.15) !important;
}

[data-theme="dark"] .bg-primary.bg-opacity-10 {
    background-color: rgba(96, 165, 250, 0.15) !important;
}

[data-theme="dark"] .border-light {
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .loading-overlay {
    background: var(--bg-primary) !important;
    opacity: 0.8;
}

[data-theme="dark"] .text-tracking-sm {
    color: var(--text-muted) !important;
}


/* Progress bars */
[data-theme="dark"] .progress {
    background-color: var(--bg-tertiary);
}

/* Hardcoded background colors */
[data-theme="dark"] [style*="background-color: #fff"],
[data-theme="dark"] [style*="background-color: #f8f9fa"],
[data-theme="dark"] [style*="background-color: #e9ecef"] {
    background-color: var(--bg-secondary);
}

/* Hardcoded text colors */
[data-theme="dark"] [style*="color: #333"],
[data-theme="dark"] [style*="color: #666"],
[data-theme="dark"] [style*="color: #aaa"] {
    color: var(--text-secondary);
}

/* Table row hover dark mode fix */
/* Table row hover dark mode fix removed */

/* ============================================
   AGRESIF DARK MODE FIX - TÜM BEYAZ ALANLAR
   ============================================ */

/* Tüm beyaz ve açık renkli elementleri zorla dark yap */
[data-theme="dark"] * {
    border-color: var(--border-color);
}

/* Tüm card benzeri elementler */
[data-theme="dark"] .card:not(.has-custom-bg),
[data-theme="dark"] .modern-card:not(.has-custom-bg),
[data-theme="dark"] .stat-card:not(.has-custom-bg),
[data-theme="dark"] .stat-card-modern:not(.has-custom-bg),
[data-theme="dark"] .info-box:not(.has-custom-bg),
[data-theme="dark"] .info-box-modern:not(.has-custom-bg),
[data-theme="dark"] .alert:not(.has-custom-bg),
[data-theme="dark"] .card-header-modern:not(.has-custom-bg),
[data-theme="dark"] .card-footer-modern:not(.has-custom-bg),
s [data-theme="dark"] .earthquake-toast:not(.has-custom-bg) {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary);
    border: var(--card-border-thin) !important;
}

/* Custom background card children transparency fix */
[data-theme="dark"] .has-custom-bg .card-body-modern,
[data-theme="dark"] .has-custom-bg .card-header-modern,
[data-theme="dark"] .has-custom-bg .card-footer-modern {
    background-color: transparent !important;
}

/* Footer fix */
html[data-theme="dark"] footer.footer,
html[data-theme="dark"] .footer {
    background-color: transparent !important;
    border-top: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] footer.footer a,
html[data-theme="dark"] .footer a {
    color: var(--text-secondary) !important;
}



html[data-theme="dark"] footer.footer .text-muted,
html[data-theme="dark"] footer.footer .text-secondary {
    color: var(--text-muted) !important;
}

/* Tüm h1-h6 */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] .h1,
[data-theme="dark"] .h2,
[data-theme="dark"] .h3,
[data-theme="dark"] .h4,
[data-theme="dark"] .h5,
[data-theme="dark"] .h6 {
    color: var(--text-primary);
}

/* Tüm p, span, div */
[data-theme="dark"] p,
[data-theme="dark"] span,
[data-theme="dark"] div:not(.badge) {
    color: var(--text-primary);
}

/* Small text */
[data-theme="dark"] small,
[data-theme="dark"] .small {
    color: var(--text-secondary);
}

/* Alert kartları */
[data-theme="dark"] .alert-info,
[data-theme="dark"] .alert-warning,
[data-theme="dark"] .alert-danger,
[data-theme="dark"] .alert-success {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

/* İstatistik kartları - özel background olanlar */
[data-theme="dark"] .stat-card,
[data-theme="dark"] [class*="bg-"]:not(.bg-primary):not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-info) {
    background-color: var(--bg-primary);
}

/* Inline style override - REMOVED TO FIX MARKERS */
/* [data-theme="dark"] [style*="background"],
[data-theme="dark"] [style*="background-color"] {
    background-color: var(--bg-primary);
} */

[data-theme="dark"] [style*="color:"]:not([style*="background-color"]) {
    color: var(--text-primary);
}

/* White background killer */
[data-theme="dark"] [style*="#fff"],
[data-theme="dark"] [style*="#FFF"],
[data-theme="dark"] [style*="#ffffff"],
[data-theme="dark"] [style*="#FFFFFF"],
[data-theme="dark"] [style*="white"] {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* Light backgrounds - Removed aggressive override */
[data-theme="dark"] [style*="#f8f9fa"],
[data-theme="dark"] [style*="#e9ecef"],
[data-theme="dark"] [style*="#dee2e6"] {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

/* Dark text colors */
[data-theme="dark"] [style*="#333"],
[data-theme="dark"] [style*="#666"],
[data-theme="dark"] [style*="#999"],
[data-theme="dark"] [style*="#212529"],
[data-theme="dark"] [style*="#343a40"] {
    color: var(--text-primary);
}

/* List groups */
[data-theme="dark"] .list-group,
[data-theme="dark"] .list-group-item {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

/* Wells, panels, boxes */
[data-theme="dark"] .well,
[data-theme="dark"] .panel,
[data-theme="dark"] .box,
[data-theme="dark"] .container-white {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* ============================================
   NUCLEAR OPTION - MAXIMUM SPECIFICITY
   ============================================ */

/* Body ve Main container */
[data-theme="dark"] body,
[data-theme="dark"] .wrapper,
[data-theme="dark"] .main,
[data-theme="dark"] .content,
[data-theme="dark"] main {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* Footer ve navigation */
[data-theme="dark"] footer,
[data-theme="dark"] .footer,
[data-theme="dark"] nav.navbar {
    background-color: var(--bg-primary);
    /* Changed from secondary to primary for lighter look */
    border-bottom: 1px solid var(--border-color);
}

/* Tüm beyaz class'lar */
[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-light,
[data-theme="dark"] .bg-secondary,
[data-theme="dark"] .text-white-50 {
    color: var(--text-primary) !important;
}

/* Gradient background'lar - Removed aggressive override to allow custom gradients */
/* [data-theme="dark"] [style*="linear-gradient"] {
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
} */

/* Spesifik renk kodları - case insensitive */
[data-theme="dark"] [style*="background-color: rgb(255"],
[data-theme="dark"] [style*="background-color:rgb(255"],
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:white"] {
    background-color: var(--bg-primary);
}

/* Text renkleri */
[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-black,
[data-theme="dark"] .text-body,
[data-theme="dark"] .text-secondary {
    color: var(--text-primary);
}

/* SVG ve icon'lar */
[data-theme="dark"] svg,
[data-theme="dark"] i.fas,
[data-theme="dark"] i.far,
[data-theme="dark"] i.fab {
    color: var(--text-primary);
}

/* Links */
[data-theme="dark"] a:not(.btn) {
    color: var(--primary);
}



/* ============================================
   PROFIL SAYFASI - TAB MENU ACTIVE STATE
   ============================================ */

[data-theme="dark"] .list-group-item {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--border-color);
}



[data-theme="dark"] .list-group-item-action.active {
    background-color: var(--primary-color);
    color: #ffffff;
    border-color: var(--primary-color);
}

[data-theme="dark"] .list-group-item-action.active i {
    color: #ffffff;
}

/* Light mode active state customization */
.list-group-item-action.active {
    background-color: #3b7ddd;
    color: #ffffff;
    border-color: #3b7ddd;
}

.list-group-item-action.active i {
    color: #ffffff;
}

/* Hover effect */
.list-group-item-action {
    transition: all 0.2s ease;
}





/* Profil tab border fix - active state border kaldır */
[data-theme="dark"] .list-group-item-action.active {
    background-color: var(--primary-color);
    color: #ffffff;
    border-color: transparent;
}

.list-group-item-action.active {
    background-color: #3b7ddd;
    color: #ffffff;
    border-color: transparent;
}

/* Üst ve alt border'ı kaldır */
.list-group-flush .list-group-item {
    border-left: 0;
    border-right: 0;
}

.list-group-flush .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush .list-group-item:last-child {
    border-bottom: 0;
}

/* ============================================
   STYLE.CSS HARDCODED RENK OVERRIDE
   ============================================ */



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

/* Hero card bg */
[data-theme="dark"] .hero-card-bg {
    background: var(--bg-secondary);
}

/* Sidebar CTA Content Fix */
[data-theme="dark"] .sidebar-cta-content {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

/* Page link (pagination) */
[data-theme="dark"] .page-link {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}



[data-theme="dark"] .page-item.disabled .page-link {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-muted);
}



/* Info box */
[data-theme="dark"] .info-box {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
}

/* ============================================
   LEAFLET MAP DARK MODE SUPPORT
   ============================================ */
[data-theme="dark"] .leaflet-container {
    background-color: var(--bg-primary);
}

[data-theme="dark"] .leaflet-tile-pane {
    filter: invert(100%) hue-rotate(180deg) brightness(85%) contrast(100%);
}

[data-theme="dark"] .leaflet-control-layers,
[data-theme="dark"] .leaflet-control-zoom-in,
[data-theme="dark"] .leaflet-control-zoom-out {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .leaflet-popup-content-wrapper,
[data-theme="dark"] .leaflet-popup-tip {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4) !important;
}

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

/* FIX: Pulse Marker Transparency */
[data-theme="dark"] .pulse-marker-container {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .pulse-ring {
    background: transparent !important;
}

/* FIX: Earthquake Toast Dark Mode */
[data-theme="dark"] .earthquake-toast {
    background: rgba(30, 41, 59, 0.98) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .toast-location {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .toast-time {
    color: #94a3b8 !important;
}

[data-theme="dark"] .earthquake-toast .btn-light {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    border-color: var(--border-color);
}