/**
 * Admin Panel Color Override
 * This file overrides all colors in the admin panel to match our color palette:
 * Primary: #d11313 (red)
 * Secondary: #1a1a1a (black)
 * Background: #ffffff (white)
 * Grey: #cccccc, #999999, etc.
 */

:root {
  /* Primary Colors */
  --color-primary: #d11313 !important;
  --color-secondary: #1a1a1a !important;
}

/* Primary Color Overrides */
.text--primary,
a span {
  color: #d11313 !important;
}

/* Force white text on active sidebar items */
.sidebar__menu .sidebar-menu-item.active a,
.sidebar__menu .sidebar-menu-item.active a .menu-icon,
.sidebar__menu .sidebar-menu-item.active a .menu-title,
.sidebar__menu .sidebar-menu-item.active a span,
.sidebar__menu .sidebar-menu-item.active a i,
.sidebar__menu .sidebar-submenu .sidebar-menu-item.active a,
.sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-icon,
.sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-title,
.sidebar__menu .sidebar-submenu .sidebar-menu-item.active a span,
.sidebar__menu .sidebar-submenu .sidebar-menu-item.active a i,
.sidebar .sidebar__menu .sidebar-menu-item.active a,
.sidebar .sidebar__menu .sidebar-menu-item.active a .menu-icon,
.sidebar .sidebar__menu .sidebar-menu-item.active a .menu-title,
.sidebar .sidebar__menu .sidebar-menu-item.active a span,
.sidebar .sidebar__menu .sidebar-menu-item.active a i,
.sidebar .sidebar__menu .sidebar-submenu .sidebar-menu-item.active a,
.sidebar .sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-icon,
.sidebar .sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-title,
.sidebar .sidebar__menu .sidebar-submenu .sidebar-menu-item.active a span,
.sidebar .sidebar__menu .sidebar-submenu .sidebar-menu-item.active a i {
  color: #ffffff !important;
}

/* Background Color Overrides */
.bg--primary,
.btn--primary,
.badge--primary,
.sidebar__menu .sidebar-menu-item.active > a,
.sidebar__menu .sidebar-submenu .sidebar-menu-item.active > a,
.sidebar .sidebar__menu .sidebar-menu-item.active > a,
.sidebar .sidebar__menu .sidebar-submenu .sidebar-menu-item.active > a,
.sidebar__menu .sidebar-menu-item .side-menu--open,
.sidebar .sidebar__menu .sidebar-menu-item .side-menu--open,
.nav-tabs-primary .nav-item a.active,
.page-item.active .page-link {
  background-color: #d11313 !important;
  border-color: #d11313 !important;
}

.bg--secondary,
.btn--secondary {
  background-color: #1a1a1a !important;
  border-color: #1a1a1a !important;
}

/* Border Color Overrides */
.border--primary,
.nav-tabs-primary .nav-item a.active {
  border-color: #d11313 !important;
}

.border--secondary {
  border-color: #1a1a1a !important;
}

/* Button Hover States */
.btn--primary:hover,
.btn--primary:focus,
.btn--primary:active {
  background-color: #b01010 !important;
  border-color: #b01010 !important;
}

.btn--secondary:hover,
.btn--secondary:focus,
.btn--secondary:active {
  background-color: #333333 !important;
  border-color: #333333 !important;
}

/* Link Hover States */
a:hover,
a span:hover {
  color: #b01010 !important;
}

/* Sidebar */
.sidebar__menu .sidebar-menu-item > a:hover .menu-icon,
.sidebar__menu .sidebar-menu-item > a:hover .menu-title,
.sidebar__menu .sidebar-submenu .sidebar-menu-item a:hover .menu-icon,
.sidebar__menu .sidebar-submenu .sidebar-menu-item a:hover .menu-title {
  color: #d11313 !important;
}

.sidebar__menu .sidebar-dropdown > a.side-menu--open::before {
  color: #d11313 !important;
}

/* Form Elements */
.form-control:focus,
.form--control:focus {
  border-color: #d11313 !important;
  box-shadow: 0 0 0 0.2rem rgba(209, 19, 19, 0.25) !important;
}

/* Table Elements */
.table-primary, 
.table-primary > td, 
.table-primary > th {
  background-color: rgba(209, 19, 19, 0.1) !important;
}

/* Card Elements */
.card-header {
  border-bottom-color: rgba(209, 19, 19, 0.2) !important;
}

/* Badges */
.badge--primary {
  background-color: #d11313 !important;
}

.badge--secondary {
  background-color: #1a1a1a !important;
}

/* Dashboard Elements */
.dashboard-w1 .icon {
  background-color: rgba(209, 19, 19, 0.2) !important;
}

.dashboard-w1 .icon i {
  color: #d11313 !important;
}

.dashboard-w1 .details .amount {
  color: #d11313 !important;
}

/* Override HSL based styles */
[style*="hsl(217"], 
[style*="hsl(211"],
[style*="hsl(208"] {
  background-color: #d11313 !important;
  color: #FFFFFF !important;
  border-color: #d11313 !important;
}

/* Override any blue colors that might be inline or in other CSS files */
[style*="color: #336699"], 
[style*="color:#336699"],
[style*="color: blue"],
[style*="color:blue"],
[style*="color: #0000ff"],
[style*="color:#0000ff"],
[style*="color: #3366cc"],
[style*="color:#3366cc"],
[style*="color: #0066cc"],
[style*="color:#0066cc"],
[style*="color: #0000cc"],
[style*="color:#0000cc"],
[style*="color: #4634ff"],
[style*="color:#4634ff"] {
  color: #d11313 !important;
}

[style*="background-color: #336699"], 
[style*="background-color:#336699"],
[style*="background-color: blue"],
[style*="background-color:blue"],
[style*="background-color: #0000ff"],
[style*="background-color:#0000ff"],
[style*="background-color: #3366cc"],
[style*="background-color:#3366cc"],
[style*="background-color: #0066cc"],
[style*="background-color:#0066cc"],
[style*="background-color: #0000cc"],
[style*="background-color:#0000cc"],
[style*="background-color: #4634ff"],
[style*="background-color:#4634ff"] {
  background-color: #d11313 !important;
}

[style*="border-color: #336699"], 
[style*="border-color:#336699"],
[style*="border-color: blue"],
[style*="border-color:blue"],
[style*="border-color: #0000ff"],
[style*="border-color:#0000ff"],
[style*="border-color: #3366cc"],
[style*="border-color:#3366cc"],
[style*="border-color: #0066cc"],
[style*="border-color:#0066cc"],
[style*="border-color: #0000cc"],
[style*="border-color:#0000cc"],
[style*="border-color: #4634ff"],
[style*="border-color:#4634ff"] {
  border-color: #d11313 !important;
}