/* Dark Mode Fix - Sağ ve sol üst köşelerdeki beyaz alanları düzelt */

/* HTML ve Body dark mode'da - köşelerdeki beyaz alanları kaldırmak için */
/* theme-dark class'ı body'ye eklendiğinde html ve body'nin arka planını dark yap */
body.theme-dark {
    background-color: #101010 !important;
    background: #101010 !important;
}

/* HTML için dark mode - JavaScript ile html'e de theme-dark eklendiğinde */
html.theme-dark {
    background-color: #101010 !important;
    background: #101010 !important;
}

/* HTML için normal mod */
html {
    background-color: #fff;
    transition: background-color 0.3s;
}

/* Page wrapper dark mode'da */
.theme-dark .page-wrapper {
    background-color: var(--body-bg) !important;
    background: var(--body-bg) !important;
    min-height: 100vh;
}

/* Header dark mode'da */
.theme-dark .header {
    background-color: var(--body-bg) !important;
    background: var(--body-bg) !important;
}

/* Header transparent dark mode'da - arka planı kaldır */
.theme-dark .header.transparent {
    background-color: transparent !important;
    background: transparent !important;
}

/* Header content dark mode'da */
.theme-dark .header-content {
    background-color: transparent !important;
}

/* Main content dark mode'da */
.theme-dark .page-content {
    background-color: var(--body-bg) !important;
    background: var(--body-bg) !important;
}

/* Container dark mode'da */
.theme-dark .container {
    background-color: transparent !important;
}

/* Preloader dark mode'da */
.theme-dark #preloader {
    background-color: var(--body-bg) !important;
}

/* Nav floating dark mode'da */
.theme-dark .dz-nav-floting {
    background-color: var(--body-bg) !important;
}

/* Sidebar dark mode'da */
.theme-dark .sidebar {
    background-color: var(--body-bg) !important;
}