/**
 * Nebo Dreams POS Brand Reset
 * Replaces Dreams POS default orange (#FE9F43) with Phase 1 emerald tokens.
 * Applies to authenticated player shell + public pages using Dreams POS chrome.
 * Load after tokens.css and nebo-theme-overrides.css.
 */

body.nebo-dreams-auth a:not(.btn) {
  color: var(--nebo-brand);
}

body.nebo-dreams-auth a:not(.btn):hover {
  color: var(--nebo-brand-hover);
}

html {
  --primary-rgb: var(--token-brand-rgb);
  --primary-rgb-picr: var(--token-brand-rgb);
}

body.nebo-dreams-app ::selection,
body.nebo-dreams-public ::selection {
  background: var(--nebo-brand);
  color: var(--token-text-primary);
}

/* ─── Primary buttons & actions ─────────────────────────────── */

body.nebo-dreams-app .btn-primary,
body.nebo-dreams-app .btn.btn-primary,
body.nebo-dreams-app .btn-save,
body.nebo-dreams-app .page-header .btn-added,
body.nebo-dreams-public .btn-primary,
body.nebo-dreams-public .btn.btn-primary,
body.nebo-dreams-auth .btn-primary,
body.nebo-dreams-auth .btn.btn-primary {
  background-color: var(--nebo-brand) !important;
  border-color: var(--nebo-brand) !important;
  color: #fff !important;
}

body.nebo-dreams-app .btn-primary:hover,
body.nebo-dreams-app .btn-primary:focus,
body.nebo-dreams-app .btn-primary:active,
body.nebo-dreams-app .btn.btn-primary:hover,
body.nebo-dreams-app .btn.btn-primary:focus,
body.nebo-dreams-app .btn.btn-primary:active,
body.nebo-dreams-app .btn.btn-primary.active,
body.nebo-dreams-app .btn-save:hover,
body.nebo-dreams-public .btn-primary:hover,
body.nebo-dreams-public .btn.btn-primary:hover,
body.nebo-dreams-public .btn.btn-primary:focus,
body.nebo-dreams-public .btn.btn-primary:active,
body.nebo-dreams-auth .btn-primary:hover,
body.nebo-dreams-auth .btn.btn-primary:hover,
body.nebo-dreams-auth .btn.btn-primary:focus,
body.nebo-dreams-auth .btn.btn-primary:active {
  background-color: var(--nebo-brand-hover) !important;
  border-color: var(--nebo-brand-hover) !important;
  color: #fff !important;
}

body.nebo-dreams-app .btn-outline-primary,
body.nebo-dreams-public .btn-outline-primary {
  border-color: var(--nebo-brand) !important;
  color: var(--nebo-brand) !important;
  background-color: transparent !important;
}

body.nebo-dreams-app .btn-outline-primary:hover,
body.nebo-dreams-app .btn-outline-primary:focus,
body.nebo-dreams-app .btn-outline-primary:active,
body.nebo-dreams-app .btn-outline-primary.active,
body.nebo-dreams-public .btn-outline-primary:hover,
body.nebo-dreams-public .btn-outline-primary:focus,
body.nebo-dreams-public .btn-outline-primary:active {
  background-color: var(--nebo-brand) !important;
  border-color: var(--nebo-brand) !important;
  box-shadow: 0 3px 10px rgba(var(--nebo-brand-rgb), 0.25) !important;
  color: #fff !important;
}

body.nebo-dreams-app .btn-check:checked + .btn-primary,
body.nebo-dreams-app .btn-check:checked + .btn.btn-primary {
  background-color: var(--nebo-brand) !important;
  border-color: var(--nebo-brand) !important;
}

/* ─── Text, links, backgrounds ──────────────────────────────── */

body.nebo-dreams-app .text-primary,
body.nebo-dreams-app a.text-primary,
body.nebo-dreams-app .link-primary,
body.nebo-dreams-public .text-primary,
body.nebo-dreams-public a.text-primary,
body.nebo-dreams-public .link-primary {
  color: var(--nebo-brand) !important;
}

body.nebo-dreams-app .link-primary:hover,
body.nebo-dreams-app .link-primary:focus,
body.nebo-dreams-public .link-primary:hover {
  color: var(--nebo-brand-hover) !important;
}

body.nebo-dreams-app .bg-primary,
body.nebo-dreams-public .bg-primary {
  background-color: var(--nebo-brand) !important;
  border-color: var(--nebo-brand) !important;
}

body.nebo-dreams-app .border-primary,
body.nebo-dreams-app .border-bottom.border-primary,
body.nebo-dreams-public .border-primary {
  border-color: var(--nebo-brand) !important;
}

body.nebo-dreams-app .bg-primary-transparent,
body.nebo-dreams-app .badge.badge-soft-primary {
  background-color: rgba(var(--nebo-brand-rgb), 0.12) !important;
  color: var(--nebo-brand) !important;
}

body.nebo-dreams-app .badge.badge-primary,
body.nebo-dreams-app .badge.bg-primary {
  background-color: var(--nebo-brand) !important;
  border-color: var(--nebo-brand) !important;
}

/* ─── Sidebar navigation ────────────────────────────────────── */

body.nebo-dreams-app .sidebar .sidebar-menu > ul > li > a:hover,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li > a.active,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li.active a,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a {
  background: rgba(var(--nebo-brand-rgb), 0.1) !important;
  color: var(--nebo-brand) !important;
}

body.nebo-dreams-app .sidebar .sidebar-menu > ul > li > a:hover span,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li > a:hover svg,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li > a.active span,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li.active a span,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a span,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a i {
  color: var(--nebo-brand) !important;
}

body.nebo-dreams-app .sidebar .sidebar-menu > ul > li > a:hover svg,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li > a.active svg,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li.active svg {
  color: var(--nebo-brand) !important;
}

body.nebo-dreams-app .sidebar .sidebar-menu > ul > li > a.active .menu-arrow,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow {
  background: rgba(var(--nebo-brand-rgb), 0.14) !important;
}

body.nebo-dreams-app .sidebar .sidebar-menu > ul > li > a.active .menu-arrow::before,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before {
  border-color: var(--nebo-brand) !important;
}

body.nebo-dreams-app .sidebar .sidebar-menu > ul li .submenu > ul li a:before {
  background: var(--nebo-brand) !important;
}

body.nebo-dreams-app .sidebar .sidebar-menu > ul li .submenu > ul li a.active,
body.nebo-dreams-app .sidebar .sidebar-menu > ul li .submenu > ul li a:hover,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li ul li a.active,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span,
body.nebo-dreams-app .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop,
body.nebo-dreams-app .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active {
  color: var(--nebo-brand) !important;
}

body.nebo-dreams-app .sidebar .sidebar-menu > ul > li > a:hover img,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li > a.active img,
body.nebo-dreams-app .sidebar .sidebar-menu > ul > li.active a img {
  filter: none !important;
}

/* ─── Pagination, tabs, tables ──────────────────────────────── */

body.nebo-dreams-app .pagination .page-item.active .page-link,
body.nebo-dreams-app .dataTables_paginate .pagination li.active a.page-link {
  background: var(--nebo-brand) !important;
  border-color: var(--nebo-brand) !important;
  color: #fff !important;
}

body.nebo-dreams-app .nav-tabs.nav-tabs-bottom li a.active,
body.nebo-dreams-app .nav-tabs.nav-tabs-bottom li a:hover,
body.nebo-dreams-app .nav-tabs .nav-link.active {
  border-bottom-color: var(--nebo-brand) !important;
  color: var(--nebo-brand) !important;
}

body.nebo-dreams-app .table-primary {
  --bs-table-bg: rgba(var(--nebo-brand-rgb), 0.1);
  --bs-table-border-color: rgba(var(--nebo-brand-rgb), 0.12);
  --bs-table-striped-bg: rgba(var(--nebo-brand-rgb), 0.14);
  --bs-table-active-bg: rgba(var(--nebo-brand-rgb), 0.16);
  --bs-table-hover-bg: rgba(var(--nebo-brand-rgb), 0.16);
}

/* ─── Header avatar & misc chrome ───────────────────────────── */

body.nebo-dreams-app .avatar.bg-primary,
body.nebo-dreams-app .header .avatar.bg-primary {
  background-color: var(--nebo-brand) !important;
}

body.nebo-dreams-app .form-check-input:checked {
  background-color: var(--nebo-brand) !important;
  border-color: var(--nebo-brand) !important;
}

body.nebo-dreams-app .progress-bar.bg-primary {
  background-color: var(--nebo-brand) !important;
}

/* Global Dreams POS anchor color (#FE9F43) → emerald in app content */
body.nebo-dreams-app .page-wrapper .content-container a:not(.btn):not(.dropdown-item):not(.nav-link):not(.filter-btn):not(.filter-tab):not(.leaderboard-tab) {
  color: var(--nebo-brand);
}

body.nebo-dreams-app .page-wrapper .content-container a:not(.btn):not(.dropdown-item):not(.nav-link):not(.filter-btn):not(.filter-tab):not(.leaderboard-tab):hover {
  color: var(--nebo-brand-hover);
}

body.nebo-dreams-public a:not(.btn):not(.dropdown-item):not(.nav-link):not(.nebo-site-btn) {
  color: var(--nebo-brand);
}

body.nebo-dreams-public a:not(.btn):not(.dropdown-item):not(.nav-link):not(.nebo-site-btn):hover {
  color: var(--nebo-brand-hover);
}

body.nebo-dreams-app .btn.btn-primary-light {
  background-color: rgba(var(--nebo-brand-rgb), 0.12) !important;
  color: var(--nebo-brand) !important;
  border-color: transparent !important;
}

body.nebo-dreams-app .btn.btn-primary-light:hover,
body.nebo-dreams-app .btn.btn-primary-light:focus,
body.nebo-dreams-app .btn.btn-primary-light:active {
  background-color: var(--nebo-brand) !important;
  color: #fff !important;
  border-color: var(--nebo-brand) !important;
}

body.nebo-dreams-app .dash-count {
  background: var(--nebo-brand) !important;
}

body.nebo-dreams-app .dash-widget .dash-widgetimg span {
  color: var(--nebo-brand);
}

body.nebo-dreams-app .dash-widget .dash-widgetimg span .ti {
  color: var(--nebo-brand);
}

/* Override Dreams [data-color=primary] attribute selectors when still present */
html[data-color=primary] body.nebo-dreams-app .btn.btn-primary,
html[data-color=primary] body.nebo-dreams-app .page-header .btn-added,
html[data-color=primary] body.nebo-dreams-app .bg-primary {
  background-color: var(--nebo-brand) !important;
  border-color: var(--nebo-brand) !important;
  color: #fff !important;
}

html[data-color=primary] body.nebo-dreams-app .text-primary,
html[data-color=primary] body.nebo-dreams-app .link-primary {
  color: var(--nebo-brand) !important;
}

html[data-color=primary] body.nebo-dreams-app .btn-outline-primary {
  background-color: transparent !important;
  border-color: var(--nebo-brand) !important;
  color: var(--nebo-brand) !important;
}

html[data-color=primary] body.nebo-dreams-app .btn-outline-primary:hover {
  background-color: var(--nebo-brand) !important;
  color: #fff !important;
}

html[data-color=primary] body.nebo-dreams-app .sidebar .sidebar-menu > ul li .submenu > ul li a.active,
html[data-color=primary] body.nebo-dreams-app .sidebar .sidebar-menu > ul li .submenu > ul li a:hover,
html[data-color=primary] body.nebo-dreams-app .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop,
html[data-color=primary] body.nebo-dreams-app .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span {
  color: var(--nebo-brand) !important;
}