/**
 * CityMovers Admin - Black, White & Gray Theme Override
 * FORCE all colors to grayscale
 */

:root {
    --primary: #1a1a1a !important;
    --primary-color: #1a1a1a !important;
    --bs-primary: #1a1a1a !important;
    --bs-primary-rgb: 26, 26, 26 !important;
    --success: #333333 !important;
    --warning: #666666 !important;
    --danger: #444444 !important;
    --info: #555555 !important;
}

/* ===== SIDEBAR ===== */
.sidebar,
.nk-sidebar,
.sidebar-wrapper,
.nk-sidebar-element {
    background-color: #1a1a1a !important;
}

.sidebar-logo,
.nk-sidebar-brand {
    background-color: #111111 !important;
}

.nk-menu-link,
.sidebar-menu a,
.nk-menu-text {
    color: #cccccc !important;
}

.nk-menu-link:hover,
.sidebar-menu a:hover,
.nk-menu-item:hover > .nk-menu-link {
    color: #ffffff !important;
    background-color: #333333 !important;
}

.nk-menu-item.active > .nk-menu-link,
.nk-menu-link.active {
    color: #ffffff !important;
    background-color: #333333 !important;
}

.nk-menu-icon {
    color: #888888 !important;
}

.nk-menu-item.active .nk-menu-icon,
.nk-menu-link:hover .nk-menu-icon {
    color: #ffffff !important;
}

/* ===== BUTTONS ===== */
.btn-primary,
.btn-theme,
button.btn-primary,
a.btn-primary {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-theme:hover {
    background-color: #333333 !important;
    border-color: #333333 !important;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(26, 26, 26, 0.25) !important;
}

.btn-outline-primary {
    color: #1a1a1a !important;
    border-color: #1a1a1a !important;
}

.btn-outline-primary:hover {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

.btn-success { background-color: #333333 !important; border-color: #333333 !important; }
.btn-success:hover { background-color: #444444 !important; border-color: #444444 !important; }
.btn-warning { background-color: #666666 !important; border-color: #666666 !important; color: #fff !important; }
.btn-danger { background-color: #444444 !important; border-color: #444444 !important; }
.btn-info { background-color: #555555 !important; border-color: #555555 !important; color: #fff !important; }

.button-default {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
}

/* ===== BACKGROUNDS ===== */
.bg-primary { background-color: #1a1a1a !important; }
.bg-success { background-color: #333333 !important; }
.bg-warning { background-color: #666666 !important; }
.bg-danger { background-color: #444444 !important; }
.bg-info { background-color: #555555 !important; }

.bg-primary-dim { background-color: #e8e8e8 !important; }
.bg-success-dim { background-color: #e8e8e8 !important; }
.bg-warning-dim { background-color: #eeeeee !important; }
.bg-danger-dim { background-color: #eeeeee !important; }
.bg-info-dim { background-color: #eeeeee !important; }

/* ===== TEXT COLORS ===== */
.text-primary { color: #1a1a1a !important; }
.text-success { color: #333333 !important; }
.text-warning { color: #666666 !important; }
.text-danger { color: #444444 !important; }
.text-info { color: #555555 !important; }

/* ===== BADGES ===== */
.badge-primary, .badge.bg-primary { background-color: #1a1a1a !important; }
.badge-success, .badge.bg-success { background-color: #333333 !important; }
.badge-warning, .badge.bg-warning { background-color: #666666 !important; color: #fff !important; }
.badge-danger, .badge.bg-danger { background-color: #444444 !important; }
.badge-info, .badge.bg-info { background-color: #555555 !important; }

/* ===== CARDS ===== */
.card {
    border-color: #e5e5e5 !important;
}

.card-header {
    background-color: #f5f5f5 !important;
}

/* Dashboard stat cards */
.nk-ecwg6-ck,
.nk-order-ovwg-data {
    background-color: #ffffff !important;
}

.amount,
.nk-ecwg6-ck .amount {
    color: #1a1a1a !important;
}

/* ===== FORMS ===== */
.form-control:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #1a1a1a !important;
    box-shadow: 0 0 0 0.2rem rgba(26, 26, 26, 0.1) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked,
.form-check-input:checked {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
}

/* ===== TABLES ===== */
.table thead th {
    background-color: #f5f5f5 !important;
}

/* ===== PAGINATION ===== */
.page-item.active .page-link {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
}

.page-link:hover {
    background-color: #f5f5f5 !important;
    color: #1a1a1a !important;
}

/* ===== PROGRESS BARS ===== */
.progress-bar {
    background-color: #1a1a1a !important;
}

/* ===== ALERTS ===== */
.alert-primary { background-color: #f5f5f5 !important; border-color: #ddd !important; color: #1a1a1a !important; }
.alert-success { background-color: #f5f5f5 !important; border-color: #ccc !important; color: #333 !important; }
.alert-warning { background-color: #f5f5f5 !important; border-color: #ddd !important; color: #666 !important; }
.alert-danger { background-color: #f5f5f5 !important; border-color: #ccc !important; color: #444 !important; }

/* ===== NAV TABS ===== */
.nav-tabs .nav-link.active {
    border-color: #1a1a1a !important;
    color: #1a1a1a !important;
}

.nav-pills .nav-link.active {
    background-color: #1a1a1a !important;
}

/* ===== DROPDOWNS ===== */
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #f5f5f5 !important;
    color: #1a1a1a !important;
}

.dropdown-item.active {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* ===== SWITCHES ===== */
.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.form-switch .form-check-input:checked {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
}

/* ===== SELECT2 ===== */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1a1a1a !important;
}

/* ===== DATATABLE ===== */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* ===== LINKS ===== */
a { color: #333333; }
a:hover { color: #1a1a1a; }

.link-list a:hover,
.link-list-opt a:hover {
    color: #1a1a1a !important;
}

/* ===== ICON COLORS ===== */
.icon[class*="bg-primary"] { background-color: #e8e8e8 !important; color: #1a1a1a !important; }
.icon[class*="bg-success"] { background-color: #e8e8e8 !important; color: #333 !important; }
.icon[class*="bg-warning"] { background-color: #eee !important; color: #666 !important; }
.icon[class*="bg-danger"] { background-color: #eee !important; color: #444 !important; }

/* ===== CHART/STAT COLORS ===== */
.nk-sale-data .amount { color: #1a1a1a !important; }
.nk-order-ovwg-data .amount { color: #1a1a1a !important; }

/* ===== STATUS BADGES ===== */
.badge-dot.bg-primary::before { background-color: #1a1a1a !important; }
.badge-dot.bg-success::before { background-color: #333333 !important; }
.badge-dot.bg-warning::before { background-color: #666666 !important; }
.badge-dot.bg-danger::before { background-color: #444444 !important; }

/* ===== DARK MODE ===== */
.dark-mode .nk-menu-link:hover,
.dark-mode .active > .nk-menu-link {
    color: #ffffff !important;
}

.dark-mode .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #333333 !important;
    border-color: #333333 !important;
}

/* ===== FORCE OVERRIDE INLINE STYLES ===== */
[style*="color: #3F52E3"],
[style*="color: #3f52e3"],
[style*="color: #FF204E"],
[style*="color: #ff204e"],
[style*="color: #02a2b9"],
[style*="color: #25ab7c"] {
    color: #1a1a1a !important;
}

[style*="background-color: #3F52E3"],
[style*="background-color: #3f52e3"],
[style*="background-color: #FF204E"],
[style*="background-color: #ff204e"],
[style*="background-color: #02a2b9"],
[style*="background-color: #25ab7c"] {
    background-color: #1a1a1a !important;
}

/* ===== MISC ===== */
.is-dark .nk-menu-link:hover,
.is-dark .active > .nk-menu-link {
    background: #2a2a2a !important;
}

.dark-switch.active:before {
    background-color: #333333 !important;
    border-color: #333333 !important;
}

::selection {
    background-color: #1a1a1a;
    color: #ffffff;
}