/* ============================================
   EnerTEF Theme Override
   Palette:
     #FE985A - Orange (primary)
     #D444B8 - Magenta (secondary)
     #F36576 - Salmon/Pink (accent)
     #FA8466 - Light Orange
     #010100 - Near Black
   ============================================ */

/* ── Sidebar ── */
.main-sidebar,
.main-sidebar::before {
  background-color: #010100 !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
  background: linear-gradient(135deg, #D444B8, #FE985A) !important;
  color: #fff !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link {
  color: #ccc !important;
}

.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link:hover {
  background-color: #F36576 !important;
  color: #fff !important;
}

/* ── Top Navbar ── */
.main-header.navbar {
  background: linear-gradient(135deg, #D444B8, #FE985A) !important;
  border-bottom: none !important;
}

.main-header.navbar .nav-link,
.main-header.navbar .navbar-brand {
  color: #fff !important;
}

/* ── Brand logo area ── */
.brand-link {
  background-color: #010100 !important;
  border-bottom: 1px solid #222 !important;
}

.brand-link:hover {
  background-color: #1a1a1a !important;
}

.brand-text {
  color: #FE985A !important;
}

/* ── Primary buttons ── */
.btn-primary {
  background-color: #FE985A !important;
  border-color: #FE985A !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #D444B8 !important;
  border-color: #D444B8 !important;
}

/* ── Info/teal buttons and badges ── */
.btn-info {
  background-color: #F36576 !important;
  border-color: #F36576 !important;
  color: #fff !important;
}

.btn-info:hover {
  background-color: #D444B8 !important;
  border-color: #D444B8 !important;
}

.badge-info,
.badge-primary {
  background-color: #FE985A !important;
}

/* ── Dashboard stat cards (teal boxes) ── */
.bg-info,
.bg-primary,
.card.bg-info,
.card.bg-primary {
  background: linear-gradient(135deg, #D444B8, #FE985A) !important;
  border: none !important;
}

.bg-gradient-info,
.bg-gradient-primary {
  background: linear-gradient(135deg, #D444B8, #FE985A) !important;
}

/* ── Card headers with color ── */
.card-header.bg-info,
.card-header.bg-primary {
  background: linear-gradient(135deg, #D444B8, #FE985A) !important;
  border: none !important;
}

/* ── Links ── */
a {
  color: #D444B8 !important;
}

a:hover {
  color: #FE985A !important;
}

/* Sidebar links should stay their color */
.nav-sidebar .nav-link,
.nav-treeview .nav-link {
  color: #ccc !important;
}

/* ── Active menu item indicator ── */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #FE985A !important;
}

/* ── Breadcrumb active ── */
.breadcrumb-item.active {
  color: #FE985A !important;
}

/* ── Scrollbar (webkit) ── */
::-webkit-scrollbar-thumb {
  background: linear-gradient(#D444B8, #FE985A);
  border-radius: 4px;
}

/* ── Login page accent ── */
.login-box-body,
.login-card-body {
  border-top: 4px solid #FE985A !important;
}

.login-box .btn-primary,
.login-card .btn-primary {
  background: linear-gradient(135deg, #D444B8, #FE985A) !important;
  border: none !important;
}

/* ── Sidebar username ── */
.info, .info a, .user-panel .info, .user-panel .info a {
  color: #fff !important;
}

/* ── Login Sign In button ── */
.login-box .btn, .login-card .btn, button[type="submit"] {
  background: linear-gradient(135deg, #D444B8, #FE985A) !important;
  border: none !important;
  color: #fff !important;
}

/* ── Login Sign In button ── */
.btn.btn-primary,
.btn-block.btn-primary,
input[type="submit"],
button[type="submit"],
.card-body .btn {
  background: linear-gradient(135deg, #D444B8, #FE985A) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* ── Login Sign In button (Shadow DOM) ── */
pf-button::part(button),
pf-button > button {
  background: linear-gradient(135deg, #D444B8, #FE985A) !important;
  border-color: transparent !important;
  color: #fff !important;
}

pf-button {
  --pf-c-button--m-primary--BackgroundColor: #D444B8 !important;
  --pf-c-button--m-primary--hover--BackgroundColor: #FE985A !important;
}