/*
 * TrustWorks Theme Override
 * Palette: Green #4CAF50 | Hover #388E3C | Gold #C9A227 | White #FFFFFF
 * Loaded last — overrides compiled style.min.css via CSS custom properties
 */

/* ── 1. CSS Custom Property Overrides ── */
:root {
  --sr-primary:   #4CAF50;
  --sr-important: #C9A227;
  --sr-submit:    #C9A227;
}

/* ── 2. Body & Page Wrapper ── */
body {
  background-color: #FFFFFF !important;
  color: #222222 !important;
}
.page-wrapper,
.page-content,
#main-wrapper,
.container-fluid {
  background-color: #FFFFFF !important;
}

/* ── 3. Topbar / Navbar ── */
.topbar,
.topbar .navbar-collapse[data-navbarbg="skin5"],
.topbar[data-navbarbg="skin5"],
.top-navbar,
.navbar-header[data-logobg="skin5"],
.navbar-header {
  background: #4CAF50 !important;
  background-color: #4CAF50 !important;
}
.topbar .top-navbar .navbar-header,
.topbar .top-navbar .navbar-brand,
.topbar .nav-link,
.topbar a,
.top-navbar .navbar-nav .nav-item .nav-link {
  color: #FFFFFF !important;
}
.topbar .nav-link:hover,
.topbar a:hover {
  color: #C9A227 !important;
}

/* ── 4. Sidebar ── */
.left-sidebar,
.left-sidebar[data-sidebarbg="skin5"],
.left-sidebar[data-sidebarbg="skin5"] ul,
.scroll-sidebar,
.sidebar-nav {
  background: #4CAF50 !important;
  background-color: #4CAF50 !important;
}
.sidebar-nav .sidebar-item > .sidebar-link,
.sidebar-nav .sidebar-item > .sidebar-link i {
  color: #FFFFFF !important;
}
.sidebar-nav .sidebar-item > .sidebar-link:hover,
.sidebar-nav .sidebar-item:hover > .sidebar-link {
  background: transparent !important;
  color: #FFFFFF !important;
}
/* Active/selected — gold */
.sidebar-nav .sidebar-item.selected > .sidebar-link,
.sidebar-nav .sidebar-item.active > .sidebar-link,
.sidebar-nav .sidebar-item > .sidebar-link.active {
  background: #C9A227 !important;
  color: #FFFFFF !important;
}
/* Submenu */
.sidebar-nav ul.collapse,
.sidebar-nav .first-level {
  background: transparent !important;
}
.sidebar-nav .first-level .sidebar-item > .sidebar-link {
  color: #E8F5E9 !important;
}
.sidebar-nav .first-level .sidebar-item.selected > .sidebar-link,
.sidebar-nav .first-level .sidebar-item.active > .sidebar-link {
  color: #C9A227 !important;
  background: rgba(0,0,0,0.12) !important;
}

/* ── 5. Primary Buttons ── */
.btn-primary,
.btn[data-bs-dismiss] {
  background-color: #4CAF50 !important;
  border-color: #4CAF50 !important;
  color: #FFFFFF !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #388E3C !important;
  border-color: #388E3C !important;
}
/* Important / submit — gold */
.btn-important,
.btn-submit {
  background-color: #C9A227 !important;
  border-color: #C9A227 !important;
  color: #FFFFFF !important;
}
.btn-important:hover,
.btn-submit:hover {
  background-color: #a8851f !important;
  border-color: #a8851f !important;
}
.btn-default {
  background-color: #E8E9EB !important;
  border-color: #ced4da !important;
  color: #222222 !important;
}

/* ── 6. Links ── */
a:not(.btn):not(.nav-link):not(.sidebar-link):not(.dropdown-item) {
  color: #388E3C;
}
a:not(.btn):not(.nav-link):not(.sidebar-link):not(.dropdown-item):hover {
  color: #388E3C;
}

/* ── 7. Cards & Panels ── */
.card,
.panel,
.well {
  background-color: #FFFFFF !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
}
.card-header,
.panel-heading {
  background-color: #f5f5f5 !important;
  border-bottom: 1px solid #e0e0e0 !important;
  color: #222222 !important;
}

/* ── 8. Modal headers ── */
.modal-header,
.modal-footer {
  background-color: #4CAF50 !important;
  color: #FFFFFF !important;
}
.modal-header .btn-close,
.modal-header .close {
  filter: invert(1);
}

/* ── 9. Table headers ── */
.table thead th,
.dataTables_wrapper .dataTable thead th {
  background-color: #4CAF50 !important;
  color: #FFFFFF !important;
  border-color: #388E3C !important;
}

/* ── 10. Page titles / breadcrumbs ── */
.page-titles {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

/* ── 11. Login page ── */
.login-register,
.authentication-box {
  background-color: #FFFFFF !important;
}
.authentication-box .card {
  border: 1px solid #e0e0e0 !important;
}
.login-box .card-header,
.auth-wrapper .card .card-header {
  background-color: #4CAF50 !important;
  color: #FFFFFF !important;
}

/* ── 12. Logo area — light accent bg for contrast ── */
.navbar-header[data-logobg="skin5"] {
  background: transparent !important;
  padding: 0 8px !important;
}

/* ── 13. Form validation — keep red (semantic) ── */
span.required { color: #ed3139 !important; }
.error { border-color: #ed3139 !important; }

/* ── 14. Login page tagline & front-page text — charcoal grey ── */
.login-form h3,
.login-form h4,
.login-form p,
.login-form label,
.content-wrapper h3,
.content-wrapper h4 {
  color: #333333 !important;
}