/**
 * MBF Forex CRM - Theme Color Overrides
 * This file overrides hardcoded colors with CSS custom properties
 * Load this AFTER all other stylesheets for proper cascading
 */

/* ============================================
   ADMIN PANEL COLOR OVERRIDES
   ============================================ */

/* Links */
a:hover, a span:hover {
    color: var(--primary) !important;
    
}

/* Buttons - Primary */
.btn--primary,
.cmn-btn {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

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

.btn-outline--primary:hover {
    background-color: var(--primary) !important;
    color: white !important;
}

.icon-btn {
    background-color: var(--primary) !important;
}

/* Form Controls */
.form-control:focus,
.form-control:active,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary) !important;
}

.form-check-primary .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--primary) !important;
    background-color: var(--primary) !important;
}

.login-form .form-control:focus {
    border-color: var(--primary) !important;
}

.login-form .form-check .form-check-input:checked ~ .form-check-label::before {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* Overlays */
[class*="overlay"].overlay--primary::before {
    background-color: var(--primary) !important;
}

/* DataTables */
div.dataTables_wrapper .dt-buttons button:hover,
div.dataTables_wrapper .dt-buttons button:focus,
div.dataTables_wrapper .dt-buttons button:active {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

table.dataTable thead tr {
    background-color: hsl(var(--primary)) !important;
}
thead {
    background-color: hsl(var(--primary)) !important;
}
.dataTables_paginate .pagination .page-item.active .page-link {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

div.dataTables_wrapper div.dataTables_filter input:focus {
    border-color: var(--primary) !important;
}



/* Sidebar */
.sidebar .slimScrollDiv .slimScrollBar {
    background-color: var(--primary) !important;
    color:white !important;
}

.sidebar__menu .sidebar-menu-item > a:hover .menu-icon {
    color: white !important;
    text-shadow: 1px 2px 5px var(--primary) !important;
}

.sidebar__menu .sidebar-menu-item > a:hover .menu-title {
    color: var(--muted) !important;
}

.sidebar__menu .sidebar-menu-item .side-menu--open,
.sidebar__menu .sidebar-menu-item.active > a {
    background-color: var(--primary) !important;
}

.sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-icon,
.sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-title {
    color: var(--primary) !important;
    color: white !important;
}

.sidebar__menu .sidebar-submenu .sidebar-menu-item a:hover .menu-icon,
.sidebar__menu .sidebar-submenu .sidebar-menu-item a:hover .menu-title {
    color: var(--primary) !important;
}

.sidebar[class*="bg--"] .sidebar__menu .sidebar-menu-item .side-menu--open {
    background-color: var(--primary) !important;
    color: white !important;
}
li.sidebar-menu-item.active{
    background-color: var(--primary) !important;
}

.sidebar.pill--bg-1 .sidebar-menu-item .side-menu--open,
.sidebar.pill--bg-1 .sidebar-menu-item.active > a {
    background-color: var(--primary) !important;
}


/* Navbar Search */
.navbar-search .navbar-search-field:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 5px rgba(0, 51, 65, 0.5) !important;
}

/* Dropdown */
.dropdown-menu__footer .view-all-message:hover {
    color: var(--primary) !important;
}

/* Breadcrumb */
.page-breadcrumb li a {
    color: var(--primary) !important;
}

/* Scroll to Top */
.scroll-to-top {
    background-color: var(--primary) !important;
}

/* Dark Mode Overrides */
.dark-version .dropdown-menu__footer a {
    color: var(--primary) !important;
}

.dark-version .custom-file-label::after {
    background-color: var(--primary) !important;
}

.dark-version .pagination .page-item.active .page-link {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* Mail Icons */
.mailsent .envelope i,
.mail-icon {
    color: var(--primary) !important;
}

/* Badge */
.badge--primary {
    background-color: var(--primary) !important;
}

/* Pincode Input */
.pincode-input-container input:focus,
.pincode-input-container input:active {
    border-color: var(--primary) !important;
}

/* Custom File Upload */
.custom-file-label::after {
    background-color: var(--primary) !important;
}

/* ============================================
   USER DASHBOARD COLOR OVERRIDES
   ============================================ */

/* Dashboard Cards */
.dashboard-card__icon {
    color: var(--primary) !important;
}

.dashboard-card:hover .dashboard-card__icon {
    color: var(--primary) !important;
}

/* Dashboard Widgets */
.dashboard-w1 {
    background: linear-gradient(135deg, var(--primary) 0%, var(--chart-2) 100%) !important;
}

/* ============================================
   TYPOGRAPHY OVERRIDES
   ============================================ */

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-sans) !important;
    
}

/* Body Text */
body {
    font-family: var(--font-sans) !important;
    color: var(--foreground) !important;
    background-color: #f3f3f9 !important;
}

/* Cards */
.card {
    background-color: var(--card) !important;
    color: var(--card-foreground) !important;
    box-shadow:none !important;
}

/* Sidebar Background */
.sidebar {
    background-color: var(--sidebar) !important;
    color: var(--sidebar-foreground) !important;
}

/* Navbar */
.navbar-wrapper {
    background-color: var(--card) !important;
    border-bottom: 1px solid #2b526024 !important;
}

/* ============================================
   RESPONSIVE OVERRIDES
   ============================================ */

@media (max-width: 991px) {
    .sidebar {
        background-color: var(--sidebar) !important;
    }
}

/* ============================================
   DARK MODE SPECIFIC OVERRIDES
   ============================================ */

.dark-version {
    background-color: var(--background) !important;
    color: var(--foreground) !important;
}

.dark-version .card,
.dark-version .widget,
.dark-version .widget-two,
.dark-version .widget-three {
    background-color: var(--card) !important;
    color: var(--card-foreground) !important;
}

.dark-version .sidebar {
    background-color: var(--sidebar);
}

.dark-version .navbar-wrapper {
    background-color: var(--card) !important;
}

.dark-version h1,
.dark-version h2,
.dark-version h3,
.dark-version h4,
.dark-version h5,
.dark-version h6 {
    color: var(--foreground) !important;
}

.form-check-input:checked {
    background-color: #000000;
    border-color: #d2d7df;
}