/*
|------------------------------------------------------------------
| Black Theme Overrides
|------------------------------------------------------------------
*/

:root {
    --theme-black-bg: #050505;
    --theme-black-surface: #0d0d0d;
    --theme-black-surface-soft: #131313;
    --theme-black-border: rgba(255, 255, 255, 0.08);
    --theme-black-text: #f5f5f5;
    --theme-black-text-muted: #9ca3af;
    --theme-black-accent: #ffffff;
}

html,
body {
    background: var(--theme-black-bg) !important;
    color: var(--theme-black-text) !important;
}

body::before,
body.layout-dark::before,
.layout-dark,
.main-container,
#container,
#content,
.layout-px-spacing,
.middle-content {
    background: var(--theme-black-bg) !important;
}

.header-container,
.navbar,
.navbar-expand-sm,
.sidebar-wrapper.sidebar-theme,
#sidebar,
.theme-brand,
.theme-brand .nav-logo,
.theme-brand .nav-item,
.footer-wrapper {
    background: #080808 !important;
    border-color: var(--theme-black-border) !important;
}

.sidebar-wrapper,
.header-container {
    box-shadow: none !important;
}

.header-container .header.navbar,
.header-container .navbar-nav,
.header-container .navbar-item,
.header-container .nav-item,
.header-container .nav-link,
.header-container .sidebarCollapse,
.header-container .navbar-item .nav-item.dropdown .dropdown-menu,
.header-container .navbar-item .nav-item.dropdown .dropdown-menu .dropdown-item,
.header-container .navbar-item .nav-item.dropdown .dropdown-menu .dropdown-item a,
.header-container .user-profile-dropdown .dropdown-menu,
.header-container .user-profile-dropdown .user-profile-section,
.header-container .user-profile-dropdown .media,
.header-container .user-profile-dropdown .media-body {
    background: #080808 !important;
    color: var(--theme-black-text) !important;
    border-color: var(--theme-black-border) !important;
}

.header-container .nav-link,
.header-container .sidebarCollapse,
.header-container .sidebarCollapse svg,
.header-container .theme-toggle svg,
.header-container .dropdown-toggle svg,
.header-container .dropdown-menu svg {
    color: #f5f5f5 !important;
    stroke: #f5f5f5 !important;
}

.header-container .nav-link:hover,
.header-container .nav-link:focus,
.header-container .sidebarCollapse:hover,
.header-container .theme-toggle:hover,
.header-container .dropdown-item:hover,
.header-container .dropdown-item a:hover,
.header-container .user-profile-dropdown .dropdown-menu .dropdown-item:hover {
    background: #111111 !important;
    color: #ffffff !important;
}

.header-container .user-profile-dropdown .dropdown-menu {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

.header-container .user-profile-dropdown .dropdown-menu .dropdown-item,
.header-container .user-profile-dropdown .dropdown-menu .dropdown-item a,
.header-container .user-profile-dropdown .dropdown-menu .dropdown-item span,
.header-container .user-profile-dropdown .dropdown-menu p,
.header-container .user-profile-dropdown .dropdown-menu h5 {
    color: #f5f5f5 !important;
}

.header-container .user-profile-dropdown .dropdown-menu p,
.header-container .user-profile-dropdown .dropdown-menu .emoji {
    color: var(--theme-black-text-muted) !important;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle,
#sidebar ul.menu-categories li.menu > .dropdown-toggle svg,
#sidebar ul.menu-categories li.menu > .dropdown-toggle .base-menu,
#sidebar ul.menu-categories li.menu > .dropdown-toggle .base-icons {
    color: var(--theme-black-text) !important;
}

#sidebar ul.menu-categories li.menu.active > .dropdown-toggle,
#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover,
.navbar .nav-link:hover,
.navbar .dropdown-menu a:hover {
    background: #141414 !important;
    color: var(--theme-black-accent) !important;
}

#sidebar ul.submenu > li > a,
.navbar .navbar-item .nav-item .nav-link,
.text-muted,
small,
.form-text,
.page-link,
.dropdown-item,
.breadcrumb-item,
.table > :not(caption) > * > *,
.dt-info,
.dt-length label,
.dt-search label {
    color: var(--theme-black-text-muted) !important;
}

.card,
.widget,
.widget-content,
.statbox,
.modal-content,
.dropdown-menu,
.popover,
.tooltip-inner,
.tab-content,
.accordion-item,
.alert,
.list-group-item,
.table-responsive,
.dt-container,
.chat-system,
.player-search-card,
.player-search-history,
.player-search-sanction-item,
.player-search-ip-item {
    background: var(--theme-black-surface) !important;
    color: var(--theme-black-text) !important;
    border-color: var(--theme-black-border) !important;
    box-shadow: none !important;
}

.card-header,
.card-footer,
.modal-header,
.modal-footer,
.table thead th,
.nav-tabs,
.list-group-item {
    background: var(--theme-black-surface-soft) !important;
    border-color: var(--theme-black-border) !important;
}

.table,
.table-hover tbody tr:hover,
.table-striped tbody tr:nth-of-type(odd),
.table > :not(caption) > * > * {
    background-color: transparent !important;
    color: var(--theme-black-text) !important;
    border-color: var(--theme-black-border) !important;
}

.table-hover tbody tr:hover {
    background: #141414 !important;
}

.form-control,
.form-select,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-dropdown,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select,
input[type="date"],
input[type="datetime-local"],
input[type="number"],
textarea,
select {
    background: #101010 !important;
    color: var(--theme-black-text) !important;
    border-color: var(--theme-black-border) !important;
}

.form-control:focus,
.form-select:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single:focus,
.dataTables_wrapper .dataTables_filter input:focus {
    background: #111111 !important;
    color: var(--theme-black-text) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.06) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #1a1a1a !important;
    border: 1px solid var(--theme-black-border) !important;
    color: var(--theme-black-text) !important;
}

.btn-primary,
.btn-success,
.btn-info,
.btn-secondary {
    background: #171717 !important;
    border-color: #2a2a2a !important;
    color: #ffffff !important;
}

.btn-danger {
    background: #2a0f12 !important;
    border-color: #522028 !important;
    color: #ffd9df !important;
}

.btn-warning {
    background: #2b2210 !important;
    border-color: #5d4b1f !important;
    color: #ffe9b0 !important;
}

.btn-outline-secondary,
.btn-outline-primary,
.btn-outline-info,
.btn-outline-danger {
    border-color: var(--theme-black-border) !important;
    color: var(--theme-black-text) !important;
}

.btn:hover,
.btn:focus {
    filter: brightness(1.1);
    box-shadow: none !important;
}

.badge,
.metric-pill,
.group-name-badge,
.group-flag-pill {
    border-color: var(--theme-black-border) !important;
}

.badge-success,
.bg-success {
    background: #10311d !important;
    color: #9ce3b5 !important;
}

.badge-danger,
.bg-danger {
    background: #341317 !important;
    color: #ffb6c1 !important;
}

.badge-primary,
.bg-primary,
.progress-bar.bg-primary {
    background: #1a1a1a !important;
    color: #ffffff !important;
}

.badge-warning,
.bg-warning,
.progress-bar.bg-warning {
    background: #3a2b10 !important;
    color: #f7d58a !important;
}

.progress {
    background: #111111 !important;
}

a,
.nav-link,
.dropdown-item.active,
.pagination .page-link:hover {
    color: #f5f5f5;
}

a:hover {
    color: #ffffff;
}

.pagination .page-link,
.page-item.disabled .page-link {
    background: #111111 !important;
    border-color: var(--theme-black-border) !important;
}

.pagination .page-item.active .page-link {
    background: #1b1b1b !important;
    border-color: #2b2b2b !important;
    color: #ffffff !important;
}

.apexcharts-canvas,
.apexcharts-tooltip,
.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
    background: #0f0f0f !important;
    color: #ffffff !important;
}

img,
svg,
.avatar,
.player-search-avatar {
    filter: none;
}