/* Custom Theme for ALEXTA TRADE */

/* Override Header to match Dark Sidebar as requested */
body[data-pc-sidebar-theme="dark"] .pc-header {
  background-color: #002046 !important;
  color: #fff !important;
}

body[data-pc-sidebar-theme="dark"] .pc-header .pc-head-link,
body[data-pc-sidebar-theme="dark"] .pc-header .pc-head-link > i,
body[data-pc-sidebar-theme="dark"] .pc-header .pc-head-link > svg {
  color: #fff !important;
}

body[data-pc-sidebar-theme="dark"] .pc-header .pc-head-link:hover,
body[data-pc-sidebar-theme="dark"] .pc-header .pc-head-link:focus {
  background-color: rgba(255,255,255,0.1) !important;
  color: #fff !important;
}

/* Fix Auth Background to be fixed and cover */
.auth-main {
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center !important;
  min-height: 100vh;
}

/* Sidebar & Header Accent Override */
body[data-pc-sidebar-theme="dark"] .pc-sidebar {
  --pc-sidebar-active-color: #f8b11d !important;
  --pc-sidebar-caption-color: #f8b11d !important;
  --pc-brand-background: #001732 !important;
  --pc-sidebar-background: #002046 !important;
  background-color: #002046 !important;
}

/* Make ALL active menu items just have yellow text, NO bulky yellow background */
body[data-pc-sidebar-theme="dark"] .pc-sidebar .pc-item.active > .pc-link,
body[data-pc-sidebar-theme="dark"] .pc-sidebar .pc-item.active > .pc-link:hover,
body[data-pc-sidebar-theme="dark"] .pc-sidebar .pc-submenu .pc-item.active > .pc-link {
  background: transparent !important;
  background-color: transparent !important;
  color: #f8b11d !important;
}

body[data-pc-sidebar-theme="dark"] .pc-sidebar .pc-item.active > .pc-link .pc-micon,
body[data-pc-sidebar-theme="dark"] .pc-sidebar .pc-item.active > .pc-link .pc-mtext,
body[data-pc-sidebar-theme="dark"] .pc-sidebar .pc-item.active > .pc-link .pc-arrow i {
  color: #f8b11d !important;
}

body[data-pc-sidebar-theme="dark"] .pc-sidebar .pc-caption label {
  color: #f8b11d !important;
}

/* Fix badge/accent on dark header */
.pc-header .badge.bg-primary {
  background-color: #f8b11d !important;
  color: #000 !important;
}

/* Custom Logo Area in Sidebar */
body[data-pc-sidebar-theme="dark"] .pc-sidebar .m-header {
  height: 90px !important;
}