/* ============================================================
   Nexuschain Wallet — Binance-Inspired Dark Theme
   ============================================================
   POLICY: This file overrides COLORS ONLY.
   It targets every blue value in the Millage/Tailwind bundle
   and recolors to the Binance palette. It does NOT change
   layout, sizing, positioning, or component structure.

   Blue values being overridden (from app bundle):
     #2563eb (blue-600)  → Binance Gold #F0B90B
     #6366f1 (indigo-500)→ Binance Gold #F0B90B
     #312e81 (indigo-900)→ Binance dark #1E2329
   ============================================================ */

:root {
  /* Binance core palette */
  --bn-bg-primary: #0B0E11;
  --bn-bg-secondary: #1E2329;
  --bn-bg-tertiary: #2B3139;
  --bn-bg-hover: #363C45;
  --bn-gold: #F0B90B;
  --bn-gold-hover: #F8D12F;
  --bn-gold-dark: #CF9F08;
  --bn-gold-soft: rgba(240, 185, 11, 0.1);
  --bn-green: #0ECB81;
  --bn-green-bg: rgba(14, 203, 129, 0.1);
  --bn-red: #F6465D;
  --bn-red-bg: rgba(246, 70, 93, 0.1);
  --bn-text-primary: #EAECEF;
  --bn-text-secondary: #B7BDC6;
  --bn-text-third: #848E9C;
  --bn-border: #2B3139;
  --bn-border-light: #1E2329;
  --bn-input-bg: #181A20;
  --bn-shadow: 0 2px 10px rgba(0,0,0,0.3);
  --bn-shadow-lg: 0 8px 24px rgba(0,0,0,0.4);

  /* Override Tailwind blue variables at the root */
  --tw-ring-color: #F0B90B !important;
}

/* ============================================================
   1. GLOBAL BACKGROUND + TEXT
   ============================================================ */
html, body {
  background-color: var(--bn-bg-primary) !important;
  color: var(--bn-text-primary) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Force dark background on the Millage data-background-color attribute */
body[data-background-color="light"],
body[data-background-color="dark"] {
  background-color: var(--bn-bg-primary) !important;
  color: var(--bn-text-primary) !important;
}

a { color: var(--bn-gold) !important; }
a:hover { color: var(--bn-gold-hover) !important; }

h1, h2, h3, h4, h5, h6 { color: var(--bn-text-primary) !important; }
p, span, li, td, th, label, small { color: var(--bn-text-secondary) !important; }
.text-muted, .text-secondary { color: var(--bn-text-third) !important; }

/* ============================================================
   2. OVERRIDE ALL BLUE HEX VALUES (Tailwind defaults)
   ============================================================ */

/* #2563eb (blue-600) → Gold — used in focus rings, borders, form inputs */
input:focus, textarea:focus, select:focus,
input:focus-visible, textarea:focus-visible, select:focus-visible {
  border-color: var(--bn-gold) !important;
  outline-color: var(--bn-gold) !important;
  box-shadow: 0 0 0 1px var(--bn-gold-soft) !important;
}

/* Checkboxes & radios (blue → gold) */
input[type="checkbox"], input[type="radio"] {
  color: var(--bn-gold) !important;
  background-color: var(--bn-bg-primary) !important;
  border-color: var(--bn-border) !important;
  accent-color: var(--bn-gold) !important;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
  background-color: var(--bn-gold) !important;
  border-color: var(--bn-gold) !important;
}

/* Form inputs */
input, textarea, select, .form-control, .form-select {
  background-color: var(--bn-input-bg) !important;
  color: var(--bn-text-primary) !important;
  border-color: var(--bn-border) !important;
}
input::placeholder, textarea::placeholder,
.form-control::placeholder, .form-select::placeholder {
  color: var(--bn-text-third) !important;
}
.form-control:focus, .form-select:focus {
  border-color: var(--bn-gold) !important;
  box-shadow: 0 0 0 0.2rem var(--bn-gold-soft) !important;
}

/* ============================================================
   3. NAVIGATION / HEADER BAR → Binance Yellow
   ============================================================ */

/* Top navbar (often blue in default theme) */
.navbar, .navbar-light, .navbar-dark,
.header, .topbar, .app-header,
[class*="navbar-bg"], [class*="header-bg"] {
  background-color: var(--bn-gold) !important;
  border-bottom: 1px solid var(--bn-gold-dark) !important;
}

/* Navbar text should be dark on gold background for contrast */
.navbar a, .navbar .nav-link, .navbar .navbar-brand,
.header a, .header .nav-link,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-brand {
  color: #1E2329 !important;
}
.navbar a:hover, .navbar .nav-link:hover, .navbar .nav-item.active > a,
.header a:hover, .header .nav-link:hover,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
  color: #0B0E11 !important;
  background-color: var(--bn-gold-hover) !important;
}

/* ============================================================
   4. SIDEBAR
   ============================================================ */
.sidebar, .sidebar-style-2, .main-sidebar,
[class*="sidebar"], .nav-sidebar {
  background-color: var(--bn-bg-secondary) !important;
  border-right: 1px solid var(--bn-border) !important;
}

/* Sidebar links */
.sidebar .nav-link, .sidebar a, .nav-sidebar .nav-link,
.sidebar .nav-item a, .nav-sidebar a {
  color: var(--bn-text-secondary) !important;
}
.sidebar .nav-link:hover, .sidebar .nav-item.active .nav-link,
.sidebar a:hover, .nav-sidebar .nav-link:hover,
.nav-sidebar .nav-item.active > .nav-link {
  color: var(--bn-gold) !important;
  background-color: var(--bn-bg-tertiary) !important;
}
/* Active sidebar item left-border accent (gold) */
.sidebar .nav-item.active, .nav-sidebar .nav-item.active {
  border-left-color: var(--bn-gold) !important;
}

/* ============================================================
   5. CARDS (Account Balance, Total Deposit, Profit, etc.)
   ============================================================ */
.card, .panel, .well, .stat-card, .dashboard-card,
[class*="card"]:not([class*="card-img"]) {
  background-color: var(--bn-bg-secondary) !important;
  border-color: var(--bn-border) !important;
  box-shadow: var(--bn-shadow) !important;
  color: var(--bn-text-primary) !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease !important;
}
.card:hover, .panel:hover, .stat-card:hover,
[class*="card"]:not([class*="card-img"]):hover {
  box-shadow: var(--bn-shadow-lg) !important;
  border-color: var(--bn-gold-dark) !important;
}
.card-header, .card-footer, .panel-heading {
  background-color: var(--bn-bg-tertiary) !important;
  border-color: var(--bn-border) !important;
  color: var(--bn-text-primary) !important;
}
.card-body { color: var(--bn-text-primary) !important; }

/* Stat card icons → gold accent */
.card .icon, .stat-card .icon, .card i.fa, .card i.fas, .card i.far,
.stat-icon, [class*="card-icon"] {
  color: var(--bn-gold) !important;
}

/* Stat values (big numbers) → bright text */
.card .count, .card .stat-value, .card h2, .card h3,
.stat-card .value {
  color: var(--bn-text-primary) !important;
}

/* ============================================================
   6. WELCOME BANNER (remove white area, dark gradient)
   ============================================================ */

/* The white banner area above "Welcome" — convert to dark gradient */
.welcome-banner, .page-header, .page-title,
.jumbotron, .hero, [class*="hero"],
.section-header, .content-header {
  background: linear-gradient(135deg, var(--bn-bg-secondary) 0%, var(--bn-bg-primary) 100%) !important;
  color: var(--bn-text-primary) !important;
  border-color: var(--bn-border) !important;
}
.welcome-banner h1, .welcome-banner h2, .welcome-banner h3,
.page-header h1, .page-title h1 {
  color: var(--bn-text-primary) !important;
}
.welcome-banner .subtitle, .welcome-banner p,
.page-header p {
  color: var(--bn-text-secondary) !important;
}

/* If the banner uses a white/light background class */
.bg-white, .bg-light, .bg-gray-50, .bg-gray-100 {
  background-color: var(--bn-bg-secondary) !important;
}

/* ============================================================
   7. BUTTONS
   ============================================================ */

/* Primary buttons (blue → gold) */
.btn-primary, .btn-blue, .btn-info,
button[type="submit"], input[type="submit"] {
  background-color: var(--bn-gold) !important;
  border-color: var(--bn-gold) !important;
  color: var(--bn-bg-primary) !important;
  font-weight: 600 !important;
}
.btn-primary:hover, .btn-blue:hover, .btn-info:hover,
button[type="submit"]:hover, input[type="submit"]:hover {
  background-color: var(--bn-gold-hover) !important;
  border-color: var(--bn-gold-hover) !important;
  color: var(--bn-bg-primary) !important;
}
.btn-primary:active, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--bn-gold-dark) !important;
  border-color: var(--bn-gold-dark) !important;
}

/* Outline buttons */
.btn-outline-primary, .btn-outline-blue {
  color: var(--bn-gold) !important;
  border-color: var(--bn-gold) !important;
  background-color: transparent !important;
}
.btn-outline-primary:hover {
  background-color: var(--bn-gold) !important;
  color: var(--bn-bg-primary) !important;
}

/* Secondary/ghost buttons */
.btn-secondary, .btn-default, .btn-light {
  background-color: var(--bn-bg-tertiary) !important;
  border-color: var(--bn-border) !important;
  color: var(--bn-text-primary) !important;
}
.btn-secondary:hover, .btn-default:hover, .btn-light:hover {
  background-color: var(--bn-bg-hover) !important;
  color: var(--bn-text-primary) !important;
}

/* Success/Danger (green/red) — keep semantic, use Binance tones */
.btn-success { background-color: var(--bn-green) !important; border-color: var(--bn-green) !important; }
.btn-danger { background-color: var(--bn-red) !important; border-color: var(--bn-red) !important; }
.btn-warning { background-color: var(--bn-gold) !important; border-color: var(--bn-gold) !important; color: var(--bn-bg-primary) !important; }

/* ============================================================
   8. TABLES (Market table, trading data)
   ============================================================ */
.table, .table th, .table td {
  color: var(--bn-text-secondary) !important;
  border-color: var(--bn-border) !important;
}
.table thead th, .table-dark thead th {
  background-color: var(--bn-bg-tertiary) !important;
  color: var(--bn-text-primary) !important;
  border-color: var(--bn-border) !important;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--bn-bg-secondary) !important;
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: var(--bn-bg-primary) !important;
}
.table-hover tbody tr:hover {
  background-color: var(--bn-bg-hover) !important;
  color: var(--bn-text-primary) !important;
}

/* ============================================================
   9. TABS (Track markets / Personal chart)
   ============================================================ */
.nav-tabs, .nav-pills {
  border-bottom-color: var(--bn-border) !important;
}
.nav-tabs .nav-link, .nav-pills .nav-link {
  color: var(--bn-text-secondary) !important;
  border-color: transparent !important;
}
.nav-tabs .nav-link:hover, .nav-pills .nav-link:hover {
  color: var(--bn-gold) !important;
  border-color: transparent !important;
}
.nav-tabs .nav-link.active, .nav-pills .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bn-gold) !important;
  background-color: var(--bn-bg-secondary) !important;
  border-color: var(--bn-border) var(--bn-border) transparent !important;
  border-bottom-color: var(--bn-gold) !important;
}

/* ============================================================
   10. MODALS / DROPDOWNS / ALERTS
   ============================================================ */
.modal-content, .dropdown-menu {
  background-color: var(--bn-bg-secondary) !important;
  border-color: var(--bn-border) !important;
  color: var(--bn-text-primary) !important;
}
.modal-header, .modal-footer {
  border-color: var(--bn-border) !important;
}
.modal-title { color: var(--bn-text-primary) !important; }
.dropdown-item { color: var(--bn-text-secondary) !important; }
.dropdown-item:hover, .dropdown-item:focus {
  background-color: var(--bn-bg-tertiary) !important;
  color: var(--bn-gold) !important;
}
.dropdown-divider { border-color: var(--bn-border) !important; }

.alert { border-color: var(--bn-border) !important; }
.alert-info { background-color: var(--bn-gold-soft) !important; color: var(--bn-gold) !important; }
.alert-success { background-color: var(--bn-green-bg) !important; color: var(--bn-green) !important; }
.alert-danger { background-color: var(--bn-red-bg) !important; color: var(--bn-red) !important; }

/* ============================================================
   11. BADGES & PROGRESS
   ============================================================ */
.badge-primary { background-color: var(--bn-gold) !important; color: var(--bn-bg-primary) !important; }
.badge-success { background-color: var(--bn-green) !important; }
.badge-danger { background-color: var(--bn-red) !important; }

.progress { background-color: var(--bn-bg-tertiary) !important; }
.progress-bar { background-color: var(--bn-gold) !important; }

/* ============================================================
   12. LINKS & TEXT UTILITIES (kill remaining blue)
   ============================================================ */
.text-primary, .text-blue, .text-indigo { color: var(--bn-gold) !important; }
.text-link { color: var(--bn-gold) !important; }
.bg-primary, .bg-blue, .bg-indigo, .bg-info {
  background-color: var(--bn-gold) !important;
  color: var(--bn-bg-primary) !important;
}

/* ============================================================
   13. SCROLLBAR
   ============================================================ */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--bn-bg-primary); }
::-webkit-scrollbar-thumb { background: var(--bn-bg-tertiary); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--bn-bg-hover); }

/* ============================================================
   14. LOGIN / AUTH PAGES
   ============================================================ */
.auth-wrapper, .login-page, .register-page,
.auth-content, [class*="login-card"], [class*="register-card"] {
  background: linear-gradient(135deg, var(--bn-bg-primary) 0%, var(--bn-bg-secondary) 100%) !important;
}
.login-card, .register-card, .auth-card {
  background-color: var(--bn-bg-secondary) !important;
  border: 1px solid var(--bn-border) !important;
  box-shadow: var(--bn-shadow-lg) !important;
}

/* ============================================================
   15. LOGO SIZING (40-50% smaller, responsive, centered)
   ============================================================ */

/* Navbar logo */
.navbar-brand img, .logo-img, .brand-logo img,
.header img[class*="logo"], .sidebar img[class*="logo"] {
  max-height: 32px !important;
  width: auto !important;
  height: auto !important;
  max-width: 140px !important;
  object-fit: contain !important;
  vertical-align: middle !important;
}

/* Sidebar logo (often larger, reduce significantly) */
.sidebar-logo img, .sidebar .logo img, .main-sidebar img[class*="logo"] {
  max-height: 36px !important;
  max-width: 160px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Auth page logo (login/register) */
.auth-logo img, .login-page img[class*="logo"], .register-page img[class*="logo"] {
  max-height: 48px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Generic logo containers — center vertically */
.logo-wrapper, .brand-logo, [class*="logo-container"] {
  display: flex !important;
  align-items: center !important;
}

/* Responsive scaling */
@media (max-width: 768px) {
  .navbar-brand img, .logo-img, .brand-logo img {
    max-height: 26px !important;
    max-width: 110px !important;
  }
  .sidebar-logo img, .sidebar .logo img {
    max-height: 30px !important;
    max-width: 130px !important;
  }
  .auth-logo img {
    max-height: 40px !important;
  }
}
@media (max-width: 480px) {
  .navbar-brand img, .logo-img {
    max-height: 22px !important;
    max-width: 90px !important;
  }
}

/* ============================================================
   16. PAGINATION & BREADCRUMBS
   ============================================================ */
.page-link {
  background-color: var(--bn-bg-tertiary) !important;
  border-color: var(--bn-border) !important;
  color: var(--bn-text-secondary) !important;
}
.page-link:hover {
  background-color: var(--bn-bg-hover) !important;
  color: var(--bn-gold) !important;
}
.page-item.active .page-link {
  background-color: var(--bn-gold) !important;
  border-color: var(--bn-gold) !important;
  color: var(--bn-bg-primary) !important;
}
.breadcrumb { background-color: var(--bn-bg-secondary) !important; }
.breadcrumb-item a { color: var(--bn-gold) !important; }
.breadcrumb-item.active { color: var(--bn-text-secondary) !important; }

/* ============================================================
   17. FOOTER
   ============================================================ */
.footer, .app-footer, [class*="footer"] {
  background-color: var(--bn-bg-secondary) !important;
  border-top-color: var(--bn-border) !important;
  color: var(--bn-text-secondary) !important;
}
.footer a { color: var(--bn-gold) !important; }

/* ============================================================
   END — All blue values overridden with Binance palette
   ============================================================ */


/* ============================================================
   SECTION 18 — MILLAGE / ATLANTIS SPECIFIC OVERRIDES
   These target the ACTUAL classes used by the active theme.
   Appended after the generic rules to ensure specificity wins.
   ============================================================ */

/* --- Main content area (was white) --- */
.main-panel {
  background-color: #0B0E11 !important;
  color: #EAECEF !important;
}
.content,
.page-inner {
  background-color: #0B0E11 !important;
  color: #EAECEF !important;
}

/* --- Welcome banner: alert-primary was BLUE with white text area ---
     Convert to Binance dark with gold accent border */
.alert-primary {
  background: linear-gradient(135deg, #1E2329 0%, #181A20 100%) !important;
  color: #EAECEF !important;
  border: 1px solid #F0B90B !important;
  border-left: 4px solid #F0B90B !important;
}
.alert-primary hr { border-top-color: #2B3139 !important; }
.alert-primary .alert-link { color: #F0B90B !important; }
.alert-dismissible .close {
  color: #848E9C !important;
  text-shadow: 0 1px 0 rgba(0,0,0,0.5) !important;
}
.alert-dismissible .close:hover { color: #EAECEF !important; }

/* --- Stat cards: card-category (label), card-title (value), numbers --- */
.card-category {
  color: #848E9C !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.card-title {
  color: #EAECEF !important;
  font-weight: 700 !important;
}
.numbers {
  color: #EAECEF !important;
}
.numbers .card-title,
.numbers .card-category {
  color: inherit;
}

/* --- nk-block (section headers) --- */
.nk-block-head-content {
  color: #EAECEF !important;
}
.nk-block-head-content h1,
.nk-block-head-content h2,
.nk-block-head-content h3,
.nk-block-head-content .title {
  color: #EAECEF !important;
}

/* --- TradingView widget containers (dark bg behind widgets) --- */
.tradingview-widget-container {
  background-color: #0B0E11 !important;
}
.tradingview-widget-container__widget {
  background-color: #0B0E11 !important;
}
.tradingview-widget-copyright {
  background-color: #0B0E11 !important;
}
.tradingview-widget-copyright .blue-text {
  color: #F0B90B !important;
}

/* --- Tab panes (market/trading tab content area) --- */
.tab-content,
.tab-pane {
  background-color: #0B0E11 !important;
  color: #EAECEF !important;
}

/* --- chart-as-background (card variant) --- */
.card .chart-as-background,
.card-light .chart-as-background {
  background-color: #0B0E11 !important;
}
.card-light {
  background-color: #1E2329 !important;
  border-color: #2B3139 !important;
  color: #EAECEF !important;
}

/* --- blue-text utility (TradingView copyright link) --- */
.blue-text {
  color: #F0B90B !important;
}

/* --- Stat card column wrapper --- */
.col-stats {
  background-color: transparent !important;
}

/* --- Ensure any remaining bg-light is dark --- */
.bg-light {
  background-color: #1E2329 !important;
  color: #EAECEF !important;
}

/* --- Sidebar nav active link (Millage specific) --- */
.nav-sidebar .nav-item.active > .nav-link,
.nav-sidebar .nav-link.active {
  background-color: rgba(240, 185, 11, 0.12) !important;
  color: #F0B90B !important;
  border-left-color: #F0B90B !important;
}

/* ============================================================
   DASHBOARD FIXES — Atlantis/Millage inline theme overrides
   ============================================================ */

/* ── Kill ALL blue/purple info backgrounds ── */
.bg-primary, .bg-primary2, .bg-info, .bg-info2,
[class*='bg-primary']:not([class*='gradient']),
[class*='bg-info']:not([class*='gradient']) {
  background-color: var(--bn-gold) !important;
  color: var(--bn-bg-primary) !important;
}
.bg-secondary, .bg-secondary2 {
  background-color: var(--bn-gold) !important;
  color: var(--bn-bg-primary) !important;
}
.bg-primary-gradient, .bg-secondary-gradient, .bg-info-gradient {
  background: linear-gradient(135deg, var(--bn-gold-dark) 0%, var(--bn-gold) 100%) !important;
  color: var(--bn-bg-primary) !important;
}

/* ── Navbar / Header: data-background-color=blue → gold ── */
[data-background-color='blue'] {
  background-color: var(--bn-gold) !important;
}
[data-background-color='blue'] .navbar-header,
[data-background-color='blue'] .logo-header,
[data-background-color='blue'].logo-header,
.logo-header[data-background-color='blue'],
.logo-header[data-background-color='blue2'],
[data-background-color='blue'] [class*='logo-header'] {
  background-color: var(--bn-gold) !important;
  background: var(--bn-gold) !important;
}
/* Ensure text on gold header is dark */
.logo-header a, .logo-header span, .logo-header h1, .logo-header h2,
.logo-header[data-background-color='blue'] *,
[data-background-color='blue'] .logo-header * {
  color: var(--bn-bg-primary) !important;
}
.logo-header img {
  filter: brightness(0.2);
}

/* ── Top nav on gold header ── */
.navbar-header, .navbar-header[data-background-color='blue'],
.navbar.navbar-header.navbar-expand-lg {
  background-color: var(--bn-gold) !important;
}
.navbar-header .nav-link, .navbar-header a,
.navbar-header .nav-item > a, .navbar-header .dropdown-toggle {
  color: var(--bn-bg-primary) !important;
}
.navbar-header .nav-link:hover,
.navbar-header a:hover {
  color: #000 !important;
}

/* ── Alert primary → gold border ── */
.alert-primary {
  background-color: var(--bn-gold-soft) !important;
  border-color: var(--bn-gold) !important;
  color: var(--bn-gold) !important;
}

/* ── Stat card icon backgrounds ── */
.card-stats .icon-big.icon-primary,
.card-stats .icon-big.icon-info,
.card-stats .icon-big.icon-secondary {
  background: var(--bn-gold) !important;
}
.card-stats .icon-big.icon-success { background: var(--bn-green) !important; }
.card-stats .icon-big.icon-warning { background: var(--bn-gold-dark) !important; }
.card-stats .icon-big.icon-danger { background: var(--bn-red) !important; }

/* Icon bubble shadow */
.bubble-shadow-small {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* ── Card stats widget: dark bg, gold border on hover ── */
.card-stats, .card-round, .card-stats.card-round {
  background-color: var(--bn-bg-secondary) !important;
  border: 1px solid var(--bn-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--bn-shadow) !important;
}
.card-stats:hover, .card-round:hover {
  border-color: var(--bn-gold) !important;
  box-shadow: 0 6px 20px rgba(240, 185, 11, 0.12) !important;
}

/* Stat numbers — bright white */
.card-stats .numbers, .card-stats .numbers h4,
.card-stats .numbers .card-title, .numbers {
  color: var(--bn-text-primary) !important;
}
.card-stats .card-category, .card-category {
  color: var(--bn-text-secondary) !important;
}

/* ── Table header: bg-light → dark ── */
.bg-light, tr.bg-light, th.bg-light, td.bg-light, thead.bg-light,
.table .bg-light, .table tr.bg-light, .table thead.bg-light {
  background-color: var(--bn-bg-tertiary) !important;
  color: var(--bn-text-secondary) !important;
}
/* Table dark override for theme mode */
body[data-background-color='dark'] .bg-light,
body[data-background-color='dark2'] .bg-light {
  background-color: var(--bn-bg-tertiary) !important;
}

/* ── TradingView copyright text ── */
.blue-text, .tradingview-widget-copyright a,
.tradingview-widget-copyright span,
span.blue-text {
  color: var(--bn-text-third) !important;
}

/* ── Sidebar: dark bg, gold active item ── */
.sidebar-style-2, .sidebar.sidebar-style-2 {
  background-color: var(--bn-bg-secondary) !important;
}
.sidebar-style-2 .nav-item.active .nav-link,
.sidebar-style-2 .nav-item.active > a,
.sidebar-style-2 .nav-item.active {
  background-color: var(--bn-gold-soft) !important;
  color: var(--bn-gold) !important;
  border-left: 3px solid var(--bn-gold) !important;
}
.sidebar-style-2 .nav-item .nav-link {
  color: var(--bn-text-secondary) !important;
}
.sidebar-style-2 .nav-item .nav-link:hover {
  color: var(--bn-text-primary) !important;
  background-color: var(--bn-bg-tertiary) !important;
}

/* ── Sidebar nav sub items ── */
.sidebar .nav-collapse .sub-item {
  color: var(--bn-text-third) !important;
}
.sidebar .nav-collapse .sub-item:hover,
.sidebar .nav-collapse .sub-item.active {
  color: var(--bn-gold) !important;
}

/* ── Content area bg ── */
.main-panel, .main-panel > .content, .page-inner {
  background-color: var(--bn-bg-primary) !important;
}
.main-panel .content .page-inner {
  background-color: transparent !important;
}

/* ── Card title / heading ── */
.card-title, .card .card-title, .card-header .card-title {
  color: var(--bn-text-primary) !important;
}

/* ── Dropdown user menu ── */
.dropdown-user, .dropdown-menu.dropdown-user {
  background-color: var(--bn-bg-secondary) !important;
  border-color: var(--bn-border) !important;
}

/* ── Dark mode toggle icon ── */
.bi-brightness-high-fill, .bi-moon-fill {
  color: var(--bn-bg-primary) !important;
}

/* ── Mobile sidebar toggle ── */
.navbar-toggler, .sidenav-toggler {
  color: var(--bn-bg-primary) !important;
  border-color: var(--bn-gold-dark) !important;
}
.navbar-toggler-icon {
  background-image: none !important;
  color: var(--bn-bg-primary) !important;
}

/* ── text-muted → secondary text ── */
.text-muted {
  color: var(--bn-text-third) !important;
}

/* ── Link color in nav-primary ── */
.nav-primary .nav-link, .nav-primary a {
  color: var(--bn-text-secondary) !important;
}
.nav-primary .nav-link.active, .nav-primary .nav-link:hover,
.nav-primary a.active, .nav-primary a:hover {
  color: var(--bn-gold) !important;
}

/* ── KYC badge / status indicators ── */
.badge, .badge-primary {
  background-color: var(--bn-gold) !important;
  color: var(--bn-bg-primary) !important;
}

/* ── Progress bars ── */
.progress-bar.bg-primary, .progress-bar.bg-info {
  background-color: var(--bn-gold) !important;
}
.progress-bar.bg-success { background-color: var(--bn-green) !important; }
.progress-bar.bg-danger { background-color: var(--bn-red) !important; }

/* ── Buttons in cards / alerts ── */
.card .btn-primary, .alert .btn-primary {
  background-color: var(--bn-gold) !important;
  color: var(--bn-bg-primary) !important;
  border-color: var(--bn-gold) !important;
}

/* ── Table cells text visibility ── */
.table td, .table th, .table .td-name, .td-name {
  color: var(--bn-text-secondary) !important;
}

/* ── Footer in dashboard ── */
.footer, .main-panel .footer {
  background-color: var(--bn-bg-secondary) !important;
  border-top: 1px solid var(--bn-border) !important;
  color: var(--bn-text-third) !important;
}

/* ── Select2 dropdown dark ── */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: var(--bn-input-bg) !important;
  border-color: var(--bn-border) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--bn-text-primary) !important;
}
.select2-dropdown {
  background-color: var(--bn-bg-secondary) !important;
  border-color: var(--bn-border) !important;
}
.select2-results__option {
  color: var(--bn-text-secondary) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--bn-gold) !important;
  color: var(--bn-bg-primary) !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--bn-bg-tertiary) !important;
}

/* ── Chart/Graph backgrounds ── */
.chart-container, [class*='chart'], canvas {
  background: transparent !important;
}

/* ── Tab content panels ── */
.tab-content, .tab-pane {
  background-color: transparent !important;
  color: var(--bn-text-secondary) !important;
}

/* ── Page header area ── */
.page-inner > .row:first-child {
  background-color: transparent !important;
}

/* ── Ensure all text labels are visible ── */
label, .form-label, .form-group label {
  color: var(--bn-text-secondary) !important;
}



/* ============================================================
   SECTION 19 — LOGO HEADER + DATA-BACKGROUND-COLOR FIXES
   Removes the blue box around the logo and overrides all
   Atlantis theme data-background-color attributes.
   ============================================================ */

/* --- LOGO HEADER: remove the blue box completely ---
     The logo-header had data-background-color="blue" which rendered
     a blue/gray square behind the transparent PNG logo. */
.logo-header {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #1E2329 !important;
  box-shadow: none !important;
}
.logo-header[data-background-color="blue"],
.logo-header[data-background-color="dark"],
.logo-header[data-background-color="white"],
.logo-header[data-background-color="green"],
.logo-header[data-background-color="purple"],
.logo-header[data-background-color="orange"],
.logo-header[data-background-color="red"],
.logo-header[data-background-color="light"] {
  background-color: transparent !important;
  background: transparent !important;
  border-bottom: 1px solid #1E2329 !important;
}

/* Logo image: remove any bg/border, ensure transparent */
.logo-header .logo,
.logo-header .navbar-brand,
.logo-header .logo-img {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.logo-header .logo img,
.logo-header .big-logo img,
.logo-header .navbar-brand img {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  max-height: 32px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* --- NAVBAR (top header bar) ---
     Override ALL data-background-color values to Binance dark
     (header sits on dark bg, NOT gold — gold header was wrong for
      a dark theme; use dark header with gold accents instead) */
.navbar[data-background-color="blue"],
.navbar[data-background-color="white"],
.navbar[data-background-color="light"],
.navbar[data-background-color="green"],
.navbar[data-background-color="purple"],
.navbar[data-background-color="orange"],
.navbar[data-background-color="red"] {
  background-color: #0B0E11 !important;
  border-bottom: 1px solid #1E2329 !important;
}
.navbar[data-background-color="blue"] a,
.navbar[data-background-color="white"] a,
.navbar .nav-link,
.navbar .navbar-nav .nav-link {
  color: #EAECEF !important;
}
.navbar .nav-link:hover,
.navbar .nav-item.active > .nav-link {
  color: #F0B90B !important;
  background-color: rgba(240, 185, 11, 0.1) !important;
}

/* ============================================================
   SECTION 20 — SIDEBAR DATA-BACKGROUND-COLOR OVERRIDES
   The sidebar and its sub-elements use data-background-color
   attributes. Override ALL of them to Binance dark.
   ============================================================ */
.sidebar[data-background-color="blue"],
.sidebar[data-background-color="white"],
.sidebar[data-background-color="light"],
.sidebar[data-background-color="green"],
.sidebar[data-background-color="purple"],
.sidebar[data-background-color="orange"],
.sidebar[data-background-color="red"],
.sidebar-style-2[data-background-color="blue"],
.sidebar-style-2[data-background-color="white"],
.sidebar-style-2[data-background-color="light"],
.nav-sidebar[data-background-color="blue"],
.nav-sidebar[data-background-color="white"] {
  background-color: #1E2329 !important;
  border-right: 1px solid #2B3139 !important;
}

/* Sidebar nav items */
.nav-sidebar .nav-item .nav-link,
.sidebar .nav-item .nav-link {
  color: #B7BDC6 !important;
}
.nav-sidebar .nav-item .nav-link:hover,
.sidebar .nav-item .nav-link:hover {
  color: #F0B90B !important;
  background-color: rgba(240, 185, 11, 0.08) !important;
}

/* ACTIVE sidebar item — gold left border + gold text (was blue) */
.nav-sidebar .nav-item.active,
.sidebar .nav-item.active {
  background-color: rgba(240, 185, 11, 0.12) !important;
  border-left: 3px solid #F0B90B !important;
}
.nav-sidebar .nav-item.active > .nav-link,
.sidebar .nav-item.active > .nav-link,
.nav-sidebar .nav-link.active,
.sidebar .nav-link.active {
  color: #F0B90B !important;
  background-color: rgba(240, 185, 11, 0.12) !important;
  border-left-color: #F0B90B !important;
}

/* ============================================================
   SECTION 21 — CARDS/CONTENT DATA-BACKGROUND-COLOR
   Cards and content areas with data-background-color="white"
   ============================================================ */
[data-background-color="white"],
[data-background-color="light"] {
  background-color: #0B0E11 !important;
  color: #EAECEF !important;
}
.card[data-background-color="white"],
.card[data-background-color="light"],
.panel[data-background-color="white"] {
  background-color: #1E2329 !important;
  border-color: #2B3139 !important;
  color: #EAECEF !important;
}

/* Modal data-background-color override */
.modal-content[data-background-color="blue"],
.modal-content[data-background-color="white"],
.modal-content[data-background-color="light"] {
  background-color: #1E2329 !important;
  color: #EAECEF !important;
}

/* ============================================================
   SECTION 22 — KILL REMAINING BLUE HEX VALUES
   Override specific blues found in Millage style.css:
   #627afe, #546dfe (indigo/blue accents)
   ============================================================ */
.btn-primary,
.btn.btn-primary,
a.btn-primary {
  background-color: #F0B90B !important;
  border-color: #F0B90B !important;
  color: #0B0E11 !important;
}
.text-primary,
a.text-primary,
span.text-primary {
  color: #F0B90B !important;
}
.bg-info,
.alert-info {
  background-color: rgba(240, 185, 11, 0.15) !important;
  color: #F0B90B !important;
  border-color: #F0B90B !important;
}

/* Any element using the Atlantis default blues inline */
[style*="#627afe"],
[style*="#546dfe"],
[style*="#5b9bd1"] {
  color: #F0B90B !important;
}

/* --- Links in sidebar subsections --- */
.sidebar a,
.nav-sidebar a {
  color: #B7BDC6 !important;
}
.sidebar a:hover {
  color: #F0B90B !important;
}

/* --- Pagination active (was blue) --- */
.page-item.active .page-link,
.page-link.active {
  background-color: #F0B90B !important;
  border-color: #F0B90B !important;
  color: #0B0E11 !important;
}

/* --- Form check/radio (Bootstrap custom controls, blue → gold) --- */
.custom-control-input:checked ~ .custom-control-label::before,
.form-check-input:checked {
  background-color: #F0B90B !important;
  border-color: #F0B90B !important;
}

/* --- Select2 dropdowns (loaded from CDN, blue focus → gold) --- */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #F0B90B !important;
  color: #0B0E11 !important;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #181A20 !important;
  border-color: #2B3139 !important;
  color: #EAECEF !important;
}
.select2-dropdown {
  background-color: #1E2329 !important;
  border-color: #2B3139 !important;
}
.select2-container--default .select2-selection__rendered {
  color: #EAECEF !important;
}

/* ============================================================
   SECTION 23 — HEADER BRAND / LOGO LINK COLOR
   Ensure the logo link area blends with dark header
   ============================================================ */
.navbar-brand {
  color: #EAECEF !important;
  background-color: transparent !important;
}
.navbar-brand:hover {
  color: #F0B90B !important;
}

/* --- Top header bar dropdown toggles --- */
.navbar .dropdown-toggle,
.navbar .navbar-nav > .nav-item > .nav-link {
  color: #EAECEF !important;
}
.navbar .dropdown-toggle:hover,
.navbar .navbar-nav > .nav-item > .nav-link:hover {
  color: #F0B90B !important;
}

/* --- Notification badges (were blue) --- */
.badge.badge-primary,
.notification-badge {
  background-color: #F0B90B !important;
  color: #0B0E11 !important;
}

/* ============================================================
   END SECTION 19-23
   ============================================================ */


/* ============================================================
   SECTION 24 — ADMIN DASHBOARD SPECIFIC FIXES
   Targets the Atlantis admin layout (admin.blade.php) elements:
   - .logo-header (the box around the logo)
   - .navbar-header (top header bar)
   - .nav-primary .nav-item.active (sidebar active state)
   - .main-header (header wrapper)
   ============================================================ */

/* --- LOGO HEADER: completely remove the box ---
     The logo-header had a colored background (was blue, now dark).
     Force it fully transparent so ONLY the transparent PNG shows. */
.logo-header {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #1E2329 !important;
  box-shadow: none !important;
}
.logo-header[data-background-color="dark"],
.logo-header[data-background-color="blue"],
.logo-header[data-background-color="white"],
.logo-header[data-background-color="light"] {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #1E2329 !important;
}

/* Logo image: remove the 35x35 square container */
.logo-header .big-logo .logo-img {
  width: auto !important;
  height: auto !important;
  max-height: 36px !important;
  max-width: 160px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
}
.logo-header .big-logo img,
.logo-header .logo img,
.logo-header img {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  max-height: 36px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Logo text link color */
.logo-header .logo,
.logo-header .big-logo {
  color: #EAECEF !important;
  background: transparent !important;
}

/* --- MAIN HEADER (logo + navbar wrapper) --- */
.main-header {
  background-color: #0B0E11 !important;
  border-bottom: 1px solid #1E2329 !important;
}

/* --- NAVBAR HEADER (top bar, was blue) --- */
.navbar-header,
.navbar-header[data-background-color="dark"],
.navbar-header[data-background-color="blue"],
.navbar-header[data-background-color="white"],
.navbar-header[data-background-color="light"] {
  background-color: #0B0E11 !important;
  border-bottom: 1px solid #1E2329 !important;
}
.navbar-header .nav-link,
.navbar-header .navbar-nav .nav-link,
.navbar-header a {
  color: #EAECEF !important;
}
.navbar-header .nav-link:hover,
.navbar-header .navbar-nav .nav-link:hover,
.navbar-header a:hover {
  color: #F3BA2F !important;
  background-color: rgba(243, 186, 47, 0.1) !important;
}

/* Navbar toggle buttons */
.navbar-header .btn-toggle,
.navbar-header .navbar-toggler {
  color: #EAECEF !important;
  background: transparent !important;
  border: none !important;
}
.navbar-header .btn-toggle:hover {
  color: #F3BA2F !important;
}

/* --- SIDEBAR: dark background --- */
.sidebar,
.sidebar-style-2,
.sidebar[data-background-color="dark"],
.sidebar[data-background-color="light"],
.sidebar[data-background-color="white"],
.sidebar[data-background-color="blue"],
.sidebar-style-2[data-background-color="dark"],
.sidebar-style-2[data-background-color="light"],
.sidebar-style-2[data-background-color="white"] {
  background-color: #181A20 !important;
  border-right: 1px solid #1E2329 !important;
}

/* Sidebar wrapper inner */
.sidebar .sidebar-wrapper {
  background-color: #181A20 !important;
}
.sidebar .sidebar-wrapper .sidebar-content {
  background-color: #181A20 !important;
}

/* Sidebar nav section headers */
.nav-primary .nav-section .text-section,
.nav-primary .nav-section .sidebar-mini-icon {
  color: #848E9C !important;
}

/* --- SIDEBAR NAV ITEMS (inactive) --- */
.nav-primary .nav-item > a,
.nav-primary .nav-item .nav-link,
.nav-primary .nav-item a {
  color: #B7BDC6 !important;
}
.nav-primary .nav-item > a:hover,
.nav-primary .nav-item .nav-link:hover,
.nav-primary .nav-item a:hover {
  color: #F3BA2F !important;
  background-color: rgba(243, 186, 47, 0.08) !important;
}

/* --- SIDEBAR ACTIVE ITEM: gold background, dark text --- */
.nav-primary > .nav-item.active > a,
.nav-primary .nav-item.active > a,
.nav-primary .nav-item.active > .nav-link,
.nav-primary > li.active > a {
  background-color: #F3BA2F !important;
  color: #0B0E11 !important;
  border-left: none !important;
  border-radius: 6px;
  margin: 2px 8px;
  font-weight: 600;
}
.nav-primary > .nav-item.active > a:hover,
.nav-primary .nav-item.active > a:hover {
  background-color: #F3BA2F !important;
  color: #0B0E11 !important;
}

/* Active item icon */
.nav-primary .nav-item.active > a i,
.nav-primary .nav-item.active > a .sidebar-mini-icon,
.nav-primary .nav-item.active > a p {
  color: #0B0E11 !important;
}

/* The active indicator pseudo-element (was blue bar) */
.nav-primary .nav-item.active > a:before,
.nav-primary > .nav-item.active > a:before,
.nav .nav-item.active > a:before {
  background-color: #F3BA2F !important;
}

/* --- SUBMENU items --- */
.nav-primary .nav-item .collapse .nav-item a,
.nav-primary .nav-item .collapse .nav-item.active a {
  color: #B7BDC6 !important;
}
.nav-primary .nav-item .collapse .nav-item.active a,
.nav-primary .nav-item .collapse .nav-item a:hover {
  color: #F3BA2F !important;
  background-color: rgba(243, 186, 47, 0.08) !important;
}

/* --- Sidebar user info section --- */
.sidebar .user .info a,
.sidebar .user .info a > span {
  color: #B7BDC6 !important;
}
.sidebar .user .info a:hover {
  color: #F3BA2F !important;
}

/* --- MAIN PANEL / CONTENT (kill remaining white) --- */
.main-panel {
  background-color: #0B0E11 !important;
}
.content,
.page-inner {
  background-color: #0B0E11 !important;
  color: #EAECEF !important;
}

/* --- CARDS in admin (override any remaining white/light) --- */
.card,
.card[data-background-color="white"],
.card[data-background-color="light"] {
  background-color: #1E2329 !important;
  border-color: #2B3139 !important;
  color: #EAECEF !important;
}
.card .card-header,
.card .card-title,
.card .card-category {
  color: #EAECEF !important;
}

/* --- FOOTER --- */
.footer {
  background-color: #181A20 !important;
  border-top: 1px solid #1E2329 !important;
  color: #848E9C !important;
}

/* --- body[data-background-color="dark"] full coverage --- */
body[data-background-color="dark"] {
  background-color: #0B0E11 !important;
  color: #EAECEF !important;
}
body[data-background-color="dark"] .main-panel,
body[data-background-color="dark"] .content,
body[data-background-color="dark"] .page-inner {
  background-color: #0B0E11 !important;
  color: #EAECEF !important;
}

/* --- bg-light class removal (theme uses this for white areas) --- */
body[data-background-color="dark"] .bg-light {
  background-color: #1E2329 !important;
  color: #EAECEF !important;
}

/* --- Search bar in header (if present) --- */
.navbar-header .form-control,
.navbar-header input[type="search"] {
  background-color: #181A20 !important;
  border-color: #2B3139 !important;
  color: #EAECEF !important;
}
.navbar-header .form-control::placeholder {
  color: #848E9C !important;
}
.navbar-header .form-control:focus {
  border-color: #F3BA2F !important;
  box-shadow: 0 0 0 0.2rem rgba(243, 186, 47, 0.15) !important;
}

/* --- Responsive: logo on mobile --- */
@media (max-width: 991px) {
  .logo-header {
    width: 100% !important;
  }
  .logo-header .big-logo img,
  .logo-header img {
    max-height: 30px !important;
  }
}

/* ============================================================
   END SECTION 24
   ============================================================ */