/**
 * HR NITI Brand Theme Stylesheet
 * Primary: #007B5E (Emerald Green from Logo)
 * Secondary / Accent: #E5BF00 (Golden Yellow from Logo)
 */

:root {
  --primary: #007B5E !important;
  --bs-primary: #007B5E !important;
  --primary-rgb: 0, 123, 94 !important;
  --bs-primary-rgb: 0, 123, 94 !important;
  --primary-hover: #00664e !important;
  
  --secondary: #E5BF00 !important;
  --bs-secondary: #E5BF00 !important;
  --secondary-rgb: 229, 191, 0 !important;
  --accent-gold: #E5BF00 !important;
}

/* 1. Buttons */
.btn-primary,
[data-color=primary] .btn-primary {
  background-color: #007B5E !important;
  border-color: #007B5E !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
[data-color=primary] .btn-primary:hover,
[data-color=primary] .btn-primary:focus,
[data-color=primary] .btn-primary:active,
[data-color=primary] .btn-check:checked + .btn,
[data-color=primary] .btn.active,
[data-color=primary] .btn.show {
  background-color: #00664e !important;
  border-color: #00664e !important;
  color: #ffffff !important;
}

.btn-outline-primary,
[data-color=primary] .btn-outline-primary {
  border-color: #007B5E !important;
  color: #007B5E !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
[data-color=primary] .btn-outline-primary:hover,
[data-color=primary] .btn-outline-primary:focus,
[data-color=primary] .btn-outline-primary:active {
  background-color: #007B5E !important;
  border-color: #007B5E !important;
  color: #ffffff !important;
}

/* Secondary Button with Brand Gold */
.btn-secondary,
.btn-warning {
  background-color: #E5BF00 !important;
  border-color: #E5BF00 !important;
  color: #1e293b !important;
}
.btn-secondary:hover,
.btn-warning:hover {
  background-color: #ccaa00 !important;
  border-color: #ccaa00 !important;
  color: #1e293b !important;
}

/* 2. Sidebar Navigation */
.sidebar .sidebar-menu .menu-title span {
  background: linear-gradient(90deg, #007B5E, #E5BF00) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 800 !important;
}

.sidebar .sidebar-menu > ul > li > ul > li.active > a,
.sidebar .sidebar-menu > ul > li > ul > li > a.subdrop,
.sidebar .sidebar-menu > ul > li > ul > li.submenu.active > a,
.sidebar .sidebar-menu > ul > li.submenu.active > a {
  background: linear-gradient(90deg, #e6f5f0, #ffffff) !important;
  color: #007B5E !important;
  border-left: 3px solid #007B5E !important;
  box-shadow: 0 2px 8px rgba(0, 123, 94, 0.15) !important;
}

.sidebar .sidebar-menu > ul > li > ul > li.active > a span,
.sidebar .sidebar-menu > ul > li > ul > li > a.subdrop span,
.sidebar .sidebar-menu > ul > li.submenu.active > a span {
  color: #007B5E !important;
}

.sidebar .sidebar-menu > ul > li > a.active .menu-arrow,
.sidebar .sidebar-menu.subdrop .menu-arrow,
.sidebar li a.subdrop .menu-arrow {
  background: #e6f5f0 !important;
}

.sidebar .sidebar-menu > ul > li > a.active .menu-arrow::before,
.sidebar .sidebar-menu.subdrop .menu-arrow::before,
.sidebar li a.subdrop .menu-arrow::before {
  border-color: #007B5E !important;
}

.sidebar .sidebar-menu > ul > li ul li a.active,
[data-color=primary] .sidebar .sidebar-menu > ul > li ul li a.active,
.sidebar .sidebar-menu > ul > li ul > li.active a.subdrop,
[data-color=primary] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop,
.sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span,
[data-color=primary] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span,
.sidebar .sidebar-menu > ul li .submenu > ul li a.active,
[data-color=primary] .sidebar .sidebar-menu > ul li .submenu > ul li a.active {
  color: #007B5E !important;
  font-weight: 600;
}

.sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before,
[data-color=primary] .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before {
  border-right: 2px solid #007B5E !important;
  border-bottom: 2px solid #007B5E !important;
}

.sidebar .sidebar-menu > ul li .submenu > ul li a:before,
[data-color=primary] .sidebar .sidebar-menu > ul li .submenu > ul li a:before {
  background: #007B5E !important;
}

.sidebar .sidebar-menu > ul li .submenu > ul li a:hover,
[data-color=primary] .sidebar .sidebar-menu > ul li .submenu > ul li a:hover {
  color: #007B5E !important;
}

/* 3. Text and Links */
.text-primary,
[data-color=primary] .text-primary,
.link-primary,
[data-color=primary] .link-primary {
  color: #007B5E !important;
}

a:hover,
[data-color=primary] a:hover,
.table tbody tr td a:hover,
[data-color=primary] .table tbody tr td a:hover {
  color: #00664e !important;
}

/* 4. Badges and Backgrounds */
.bg-primary,
[data-color=primary] .bg-primary {
  background-color: #007B5E !important;
  border-color: #007B5E !important;
  color: #ffffff !important;
}

.bg-primary-subtle,
.badge-soft-primary,
[data-color=primary] .badge.badge-soft-primary {
  background-color: rgba(0, 123, 94, 0.12) !important;
  color: #007B5E !important;
}

.badge-primary,
[data-color=primary] .badge.badge-primary {
  background-color: #007B5E !important;
  color: #ffffff !important;
}

/* 5. Borders */
.border-primary,
[data-color=primary] .border-primary,
.border-bottom.border-primary,
[data-color=primary] .border-bottom.border-primary {
  border-color: #007B5E !important;
}

/* 6. Form Controls & Select2 */
.form-check-input:checked,
[data-color=primary] .form-check-input:checked {
  background-color: #007B5E !important;
  border-color: #007B5E !important;
}

.form-control:focus,
.form-select:focus {
  border-color: #007B5E !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 94, 0.2) !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
[data-color=primary] .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-color: #007B5E !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
[data-color=primary] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #007B5E !important;
  color: #ffffff !important;
}

/* 7. Tabs & Pagination */
.nav-tabs.nav-tabs-bottom li a.active,
[data-color=primary] .nav-tabs.nav-tabs-bottom li a.active {
  border-bottom-color: #007B5E !important;
  color: #007B5E !important;
}

.nav-tabs.nav-tabs-solid.nav-tabs-rounded-fill li a.active,
[data-color=primary] .nav-tabs.nav-tabs-solid.nav-tabs-rounded-fill li a.active,
.nav.tab-style-1 .nav-link.active,
[data-color=primary] .nav.tab-style-1 .nav-link.active {
  background-color: #007B5E !important;
  border-color: #007B5E !important;
  color: #ffffff !important;
}

.dataTables_paginate .pagination li.active a.page-link,
[data-color=primary] .dataTables_paginate .pagination li.active a.page-link {
  background-color: #007B5E !important;
  border-color: #007B5E !important;
  color: #ffffff !important;
}

/* 8. Step Wizard & Progress Accents */
.step-wizard-nav .nav-link.active,
.step-wizard-nav .nav-link.active .step-num-badge {
  color: #007B5E !important;
  border-color: #007B5E !important;
}
.step-wizard-nav .nav-link.active .step-num-badge {
  background-color: #007B5E !important;
  color: #ffffff !important;
}

/* 9. Brand Gold Accents */
.gold-accent {
  color: #E5BF00 !important;
}
.bg-gold-accent {
  background-color: #E5BF00 !important;
  color: #1e293b !important;
}
.border-gold-accent {
  border-color: #E5BF00 !important;
}
.badge-gold {
  background-color: rgba(229, 191, 0, 0.16) !important;
  color: #947a00 !important;
  border: 1px solid rgba(229, 191, 0, 0.35) !important;
}

/* 10. Top Header / Navbar Styling */
.header {
  border-bottom: 2px solid rgba(0, 123, 94, 0.15) !important;
  box-shadow: 0 4px 20px rgba(0, 123, 94, 0.05) !important;
}

.header .btn-menubar:hover {
  background-color: #e6f5f0 !important;
  color: #007B5E !important;
  border-color: rgba(0, 123, 94, 0.25) !important;
}

.header .notification-status-dot {
  background: #E5BF00 !important;
}
.header .notification-status-dot:before {
  border: 2px solid #E5BF00 !important;
}

.header .input-group input:focus {
  border-color: #007B5E !important;
  box-shadow: 0 0 0 0.15rem rgba(0, 123, 94, 0.15) !important;
}

.header .dropdown-menu .dropdown-item:hover,
.header .dropdown-menu .dropdown-item:focus {
  background-color: #e6f5f0 !important;
  color: #007B5E !important;
}

.header .user-menu .dropdown-menu .dropdown-item.active {
  background-color: #007B5E !important;
  color: #ffffff !important;
}