/* ===== Xevel Theme Override ===== */

/* Main colors */
:root {
  --xevel-primary: #6D28D9;
  --xevel-accent: #9333EA;
  --xevel-dark: #0F172A;
  --xevel-light: #F5F3FF;
}

/* Top header / navbar */
.navbar,
.main-header,
.main-header .navbar,
header,
#header {
  background: linear-gradient(90deg, #6D28D9, #9333EA) !important;
  border-color: #6D28D9 !important;
}

/* Logo area if present */
.main-header .logo,
.logo,
.navbar-brand {
  background: transparent !important;
  color: #fff !important;
}

/* Sidebar */
.main-sidebar,
.left-side,
.sidebar,
.sidebar-menu {
  background: #0F172A !important;
}

/* Sidebar links */
.sidebar a,
.sidebar-menu a,
.main-sidebar a {
  color: #E5E7EB !important;
}

/* Active / hover menu */
.sidebar-menu li.active > a,
.sidebar-menu li:hover > a,
.sidebar .active > a {
  background: #6D28D9 !important;
  color: #FFFFFF !important;
}

/* Primary buttons */
.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary {
  background: #6D28D9 !important;
  border-color: #6D28D9 !important;
  color: #fff !important;
}

.btn-primary:hover,
button.btn-primary:hover,
input[type="submit"].btn-primary:hover {
  background: #9333EA !important;
  border-color: #9333EA !important;
}

/* Generic buttons */
.btn:hover,
button:hover {
  filter: brightness(1.03);
}

/* Links */
a {
  color: #6D28D9 !important;
}

a:hover {
  color: #9333EA !important;
}

/* Panels / cards / boxes */
.box,
.panel,
.card,
.small-box,
.tile,
.widget {
  border-radius: 12px !important;
  overflow: hidden;
}

/* Page headings */
h1, h2, h3, h4 {
  color: #0F172A;
}

/* Tables selected/active accents */
.table thead th,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #F5F3FF !important;
}

/* Form focus */
input:focus,
select:focus,
textarea:focus {
  outline: none !important;
  border-color: #9333EA !important;
  box-shadow: 0 0 0 2px rgba(147, 51, 234, 0.15) !important;
}

/* Login page touches */
.login-page,
.login-box,
.login-box-body {
  border-radius: 16px !important;
}

.login-box .btn-primary,
.login-page .btn-primary {
  background: linear-gradient(90deg, #6D28D9, #9333EA) !important;
  border: none !important;
}

/* Optional subtle purple accent line */
hr,
.content-header {
  border-color: rgba(109, 40, 217, 0.15) !important;
}

/* ===== Xevel header readability fix ===== */

/* Top-right header text/icons */
.navbar .dropdown-toggle,
.navbar .user-menu > a,
.navbar .nav > li > a,
.main-header .navbar .nav > li > a,
.main-header .navbar .sidebar-toggle,
.main-header .navbar .sidebar-toggle:before,
.navbar .navbar-custom-menu a,
.navbar .navbar-right a,
header .nav a {
  color: #ffffff !important;
}

/* Hover state */
.navbar .dropdown-toggle:hover,
.navbar .user-menu > a:hover,
.navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:hover,
.navbar .navbar-custom-menu a:hover,
.navbar .navbar-right a:hover {
  color: #F5F3FF !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

/* Dropdown menus stay readable */
.dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu {
  background: #ffffff !important;
}

.dropdown-menu > li > a,
.navbar-nav > .user-menu > .dropdown-menu > li > a {
  color: #0F172A !important;
}

.dropdown-menu > li > a:hover,
.navbar-nav > .user-menu > .dropdown-menu > li > a:hover {
  background: #F5F3FF !important;
  color: #6D28D9 !important;
}

/* Header icons/badges */
.navbar .label,
.navbar .badge {
  background: #ffffff !important;
  color: #6D28D9 !important;
}

/* Login page polish */
.login-box,
.login-box-body {
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12) !important;
}

.login-box .form-control,
.login-box input,
.login-page input {
  border-radius: 10px !important;
}

.login-box hr,
.login-box-body hr {
  border-color: rgba(109, 40, 217, 0.12) !important;
}

/* Footer text cleanup */
footer,
.login-page footer,
.login-page .footer,
body > footer {
  color: #334155 !important;
}

footer a,
.login-page footer a,
.login-page .footer a,
body > footer a {
  color: #6D28D9 !important;
}

/* Replace harsh bright blue leftover borders */
.login-box,
.login-box-body,
.card,
.box,
.panel {
  border-top-color: #6D28D9 !important;
}

/* ===== FORCE HEADER TEXT VISIBILITY (STRONG FIX) ===== */


/* specifically target top-right user area */
.main-header .navbar .navbar-nav > li > a,
.main-header .navbar .navbar-nav > li > a span,
.main-header .navbar .navbar-nav > li > a i {
  color: #ffffff !important;
}



/* hover state */
.main-header .navbar .nav > li > a:hover {
  background: rgba(255,255,255,0.1) !important;
  color: #ffffff !important;
}

/* ===== Xevel header text fix, precise version ===== */

/* Top navbar links only */
.main-header .navbar > .nav > li > a,
.main-header .navbar .navbar-nav > li > a,
.main-header .navbar .sidebar-toggle,
.main-header .navbar .sidebar-toggle i,
.main-header .navbar .sidebar-toggle span,
.main-header .navbar .navbar-nav > li > a i,
.main-header .navbar .navbar-nav > li > a span {
  color: #ffffff !important;
}

/* Hover state only for top navbar */
.main-header .navbar > .nav > li > a:hover,
.main-header .navbar .navbar-nav > li > a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,0.10) !important;
}

/* Dropdown menus must stay readable */
.main-header .navbar .dropdown-menu,
.main-header .navbar .dropdown-menu * {
  color: #0F172A !important;
}

/* Dropdown links */
.main-header .navbar .dropdown-menu > li > a,
.main-header .navbar .dropdown-menu .menu > li > a,
.main-header .navbar .dropdown-menu .menu > li > a * {
  color: #0F172A !important;
  background: #ffffff !important;
}

/* Dropdown hover */
.main-header .navbar .dropdown-menu > li > a:hover,
.main-header .navbar .dropdown-menu .menu > li > a:hover {
  color: #6D28D9 !important;
  background: #F5F3FF !important;
}

/* User header area inside dropdown */
.main-header .navbar .user-header,
.main-header .navbar .user-header * {
  color: #ffffff !important;
}

/* Fix tiny badges/icons */
.main-header .navbar .label,
.main-header .navbar .badge {
  background: #ffffff !important;
  color: #6D28D9 !important;
}

/* ===== Xevel top-right navbar text, final fix ===== */

/* Only top navbar items */
.main-header .navbar-nav > li > a,
.main-header .navbar-nav > li > a:link,
.main-header .navbar-nav > li > a:visited,
.main-header .navbar-custom-menu .navbar-nav > li > a,
.main-header .navbar-right > li > a,
.main-header .navbar-nav > li > a > i,
.main-header .navbar-nav > li > a > span,
.main-header .navbar-nav > li > a .hidden-xs {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

/* Keep top bar hover readable */
.main-header .navbar-nav > li > a:hover,
.main-header .navbar-custom-menu .navbar-nav > li > a:hover,
.main-header .navbar-right > li > a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,0.10) !important;
}

/* Keep dropdown content dark */
.main-header .dropdown-menu,
.main-header .dropdown-menu * {
  color: #0F172A !important;
  text-shadow: none !important;
}

.main-header .navbar-nav > .user-menu > a,
.main-header .navbar-nav > .user-menu > a * {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ===== Fix cart badge visibility ===== */

/* Cart / notification badge */
.main-header .navbar .badge,
.main-header .navbar .label,
.main-header .navbar .label-warning,
.main-header .navbar .label-success,
.main-header .navbar .label-primary,
.main-header .navbar .label-default {
  background: #ffffff !important;
  color: #6D28D9 !important;
  font-weight: bold !important;
  border-radius: 10px !important;
}

/* If badge still weird (force stronger) */
.main-header .navbar .badge,
.main-header .navbar .label {
  border: 2px solid #6D28D9 !important;
}

.main-header .navbar .badge {
  background: #ffffff !important;
  color: #6D28D9 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* ===== FORCE cart badge visibility ===== */

/* all small counters in top navbar */
.main-header .navbar-nav > li .badge,
.main-header .navbar-nav > li .label,
.main-header .navbar-nav > li .count,
.main-header .navbar-nav > li .counter,
.main-header .navbar-nav > li [class*="badge"],
.main-header .navbar-nav > li [class*="count"],
.main-header .navbar-nav > li [class*="label"] {
  background: #ffffff !important;
  color: #6D28D9 !important;
  border: 2px solid #6D28D9 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}

/* specifically for tiny round floating counters */
.main-header .navbar-nav > li a span,
.main-header .navbar-nav > li a .badge,
.main-header .navbar-nav > li a .label {
  opacity: 1 !important;
}

/* if the number itself is wrapped deeper */
.main-header .navbar-nav > li .badge *,
.main-header .navbar-nav > li .label *,
.main-header .navbar-nav > li [class*="badge"] *,
.main-header .navbar-nav > li [class*="count"] * {
  color: #6D28D9 !important;
  opacity: 1 !important;
}

/* Language dropdown active item */
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item.active:hover {
  background: #F3E8FF !important;
  color: #6D28D9 !important;
  font-weight: 600;
}

.dropdown-menu .dropdown-item .fa-check {
  color: #6D28D9 !important;
}