/* TUI Helpdesk Theme Customization - Palette: #EA580C, #FB923C, #262626, #FFFFFF, #F5F5F5 */
:root {
  --tui-primary: #EA580C;
  --tui-primary-hover: #FB923C;
  --tui-dark: #262626;
  --tui-dark-hover: #1c1c1c;
  --tui-white: #FFFFFF;
  --tui-bg: #F5F5F5;
}

/* Page background */
body, .content-wrapper, .right-side, .main-footer {
  background-color: var(--tui-bg) !important;
}

/* Navbar / Top Header */
.main-header.navbar {
  background-color: var(--tui-primary) !important;
  border-bottom: 0 !important;
}

.main-header.navbar .nav-link,
.main-header.navbar .nav-link i,
.main-header.navbar .navbar-nav .nav-link {
  color: var(--tui-white) !important;
}

.main-header.navbar .nav-link:hover,
.main-header.navbar .nav-link:focus {
  color: var(--tui-white) !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
}

/* Sidebar Styling */
.main-sidebar, 
.sidebar-dark-black, 
.sidebar-dark-orange, 
.sidebar-dark-primary {
  background-color: var(--tui-dark) !important;
}

.main-sidebar .brand-link {
  background-color: var(--tui-dark) !important;
  border-bottom: 1px solid #333333 !important;
}

.sidebar a {
  color: #d1d5db !important;
}

.sidebar a:hover {
  color: var(--tui-primary-hover) !important;
}

/* Active & Hover Sidebar Nav Links */
.nav-sidebar .nav-item.menu-open > .nav-link,
.nav-sidebar .nav-link.active,
.sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-black .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: var(--tui-primary) !important;
  color: var(--tui-white) !important;
}

.nav-sidebar .nav-link:hover {
  background-color: var(--tui-primary-hover) !important;
  color: var(--tui-white) !important;
}

/* Buttons */
.btn-primary, .btn-custom {
  background-color: var(--tui-primary) !important;
  border-color: var(--tui-primary) !important;
  color: var(--tui-white) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-custom:hover, .btn-custom:focus, .btn-custom:active {
  background-color: var(--tui-primary-hover) !important;
  border-color: var(--tui-primary-hover) !important;
  color: var(--tui-white) !important;
}

.btn-warning {
  background-color: var(--tui-primary-hover) !important;
  border-color: var(--tui-primary-hover) !important;
  color: var(--tui-white) !important;
}

/* Links & Text Highlights */
a {
  color: var(--tui-primary);
}

a:hover, a:focus, a:active {
  color: var(--tui-primary-hover);
}

/* Badges & Accent Boxes */
.badge-primary, .bg-primary, .box.box-primary {
  background-color: var(--tui-primary) !important;
  border-color: var(--tui-primary) !important;
}

.badge-warning, .bg-warning {
  background-color: var(--tui-primary-hover) !important;
}

.card-primary.card-outline {
  border-top: 3px solid var(--tui-primary) !important;
}

.card-primary:not(.card-outline) > .card-header {
  background-color: var(--tui-primary) !important;
  color: var(--tui-white) !important;
}

/* Footer Accent */
.main-footer a {
  color: var(--tui-primary) !important;
}
.main-footer a:hover {
  color: var(--tui-primary-hover) !important;
}

/* Client Portal Overrides */
.site-hero {
  background-color: var(--tui-primary) !important;
}

.site-hero .search-submit,
button.search-submit,
.btn-custom {
  background-color: var(--tui-primary) !important;
  border-color: var(--tui-primary) !important;
  color: var(--tui-white) !important;
}

.site-hero .search-submit:hover,
button.search-submit:hover,
.btn-custom:hover {
  background-color: var(--tui-primary-hover) !important;
  border-color: var(--tui-primary-hover) !important;
}

.site-navigation li.active > a,
.site-navigation li:hover > a,
.site-navigation li > a:hover,
.site-navigation li > a:focus {
  color: var(--tui-primary) !important;
}

/* Department & User Nota Invoice Table Headers & Titles */
.invoice-header {
  border-bottom: 2px solid var(--tui-primary) !important;
}
.company-title {
  color: var(--tui-primary) !important;
}
.item-table thead th {
  background-color: var(--tui-primary) !important;
}

