/* Telegram Wizzard — siyah tema */
:root {
    --wizzard-black: #111111;
    --wizzard-black-hover: #2a2a2a;
    --wizzard-black-soft: #333333;
    --wizzard-sidebar: #111111;
    --wizzard-sidebar-active: #1f1f1f;
}

/* ── Sidebar: lacivert yerine siyah ── */
.sidebar[data-background-color="dark"],
.sidebar[data-background-color="dark"] .sidebar-logo {
    background: var(--wizzard-sidebar) !important;
}

.logo-header[data-background-color="dark"],
.main-header-logo .logo-header[data-background-color="dark"] {
    background: var(--wizzard-sidebar) !important;
}

.sidebar[data-background-color="dark"] .nav > .nav-item > a:hover,
.sidebar[data-background-color="dark"] .nav > .nav-item > a:focus,
.sidebar[data-background-color="dark"] .nav > .nav-item.submenu,
.sidebar[data-background-color="dark"] .nav > .nav-item.active > a {
    background: var(--wizzard-sidebar-active) !important;
}

.sidebar[data-background-color="dark"] .nav > .nav-item a,
.sidebar[data-background-color="dark"] .nav > .nav-item a p {
    color: #b9babf !important;
}

.sidebar[data-background-color="dark"] .nav > .nav-item.active > a p,
.sidebar[data-background-color="dark"] .nav > .nav-item.active > a:hover p,
.sidebar[data-background-color="dark"] .nav > .nav-item.active > a:focus p {
    color: #ffffff !important;
}

/* nav-secondary mor vurgular → beyaz/gri */
.sidebar[data-background-color="dark"] .nav.nav-secondary > .nav-item.active a:before,
.sidebar[data-background-color="dark"] .nav.nav-secondary > .nav-item a[data-toggle=collapse][aria-expanded=true]:before {
    background: #ffffff !important;
}

.sidebar[data-background-color="dark"] .nav.nav-secondary > .nav-item.active a i,
.sidebar[data-background-color="dark"] .nav.nav-secondary > .nav-item a:hover i,
.sidebar[data-background-color="dark"] .nav.nav-secondary > .nav-item a:focus i,
.sidebar[data-background-color="dark"] .nav.nav-secondary > .nav-item a[data-toggle=collapse][aria-expanded=true] i {
    color: #ffffff !important;
}

.sidebar[data-background-color="dark"] .nav.nav-secondary > .nav-item .nav-collapse li.active > a {
    color: #ffffff !important;
}

.sidebar.sidebar-style-2 .nav.nav-secondary > .nav-item.active > a {
    background: var(--wizzard-sidebar-active) !important;
    box-shadow: none !important;
}

.sidebar a,
.sidebar a:hover,
.sidebar a:focus {
    color: inherit !important;
}

/* ── Ana içerik ── */
.main-panel a:not(.btn):not(.dropdown-item):not(.nav-link):not(.logo),
.page-inner a:not(.btn):not(.dropdown-item) {
    color: var(--wizzard-black) !important;
}

.main-panel a:not(.btn):not(.dropdown-item):not(.nav-link):hover,
.page-inner a:not(.btn):not(.dropdown-item):hover {
    color: var(--wizzard-black-hover) !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:disabled {
    background: var(--wizzard-black) !important;
    border-color: var(--wizzard-black) !important;
    color: #ffffff !important;
}

.btn-black,
.btn-black:hover,
.btn-black:focus,
.btn-black:disabled {
    background: var(--wizzard-black) !important;
    border-color: var(--wizzard-black) !important;
    color: #ffffff !important;
}

.btn-outline-primary {
    color: var(--wizzard-black) !important;
    border-color: var(--wizzard-black) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background: var(--wizzard-black) !important;
    color: #ffffff !important;
}

.form-check-input:checked {
    background-color: var(--wizzard-black) !important;
    border-color: var(--wizzard-black) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--wizzard-black-soft) !important;
    box-shadow: 0 0 0 0.2rem rgba(17, 17, 17, 0.15) !important;
}

.card-stats .icon-big.icon-black,
.card-stats .icon-big.icon-primary {
    background: var(--wizzard-black) !important;
}

.badge-primary,
.bg-primary {
    background-color: var(--wizzard-black) !important;
}

.text-primary {
    color: var(--wizzard-black) !important;
}

.page-link {
    color: var(--wizzard-black) !important;
}

.page-item.active .page-link {
    background-color: var(--wizzard-black) !important;
    border-color: var(--wizzard-black) !important;
    color: #fff !important;
}

.progress-bar {
    background-color: var(--wizzard-black) !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--wizzard-black) !important;
}

.alert-info {
    border-left-color: var(--wizzard-black) !important;
}

.login-split__panel .btn-black,
.login-split__panel .btn-primary {
    background: var(--wizzard-black) !important;
    border-color: var(--wizzard-black) !important;
}

.login-split__bg {
    background-color: var(--wizzard-sidebar) !important;
}