:root {
  --phoenix-primary: #997027 !important;
  --phoenix-primary-100: #e6d5c3 !important;
  --phoenix-primary-200: #d4b48f !important;
  --phoenix-primary-300: #c2935b !important;
  --phoenix-primary-500: #7e5c1f !important;
  --phoenix-primary-600: #6f501d !important;
  --bs-primary: #997027 !important;
  --bs-primary-rgb: 153, 112, 39 !important;
}

/* Override Bootstrap primary color classes with higher specificity */
.text-primary,
.text-primary:hover,
.text-primary:focus,
.text-primary:active { color: #997027 !important; }

.bg-primary,
.bg-primary:hover,
.bg-primary:focus,
.bg-primary:active { background-color: #997027 !important; }

.border-primary,
.border-primary:hover,
.border-primary:focus,
.border-primary:active { border-color: #997027 !important; }

/* Override any element with primary classes */
* .text-primary { color: #997027 !important; }
* .bg-primary { background-color: #997027 !important; }
* .border-primary { border-color: #997027 !important; }

/* Ultra-specific overrides for KPI cards */
.card .text-primary,
.card .bg-primary,
.card .border-primary,
.card .badge.bg-primary {
  color: #fff !important;
  background-color: #997027 !important;
  border-color: #997027 !important;
}

/* Override Phoenix theme primary classes */
.btn-phoenix-primary,
.btn-phoenix-primary:hover,
.btn-phoenix-primary:focus,
.btn-phoenix-primary:active {
  background-color: #997027 !important;
  border-color: #997027 !important;
  color: white !important;
}

/* Override Bootstrap select elements to use gold instead of blue */
.form-select,
.form-select:hover,
.form-select:focus,
.form-select:active {
  border-color: rgba(153, 112, 39, 0.3) !important;
  color: #495057 !important;
  background-color: #fff !important;
  transition: all 0.15s ease !important;
  box-shadow: none !important;
  outline: none !important;
}

.form-select:hover {
  border-color: rgba(153, 112, 39, 0.5) !important;
  box-shadow: 0 0 0 0.1rem rgba(153, 112, 39, 0.15) !important;
}

.form-select:focus {
  border-color: #997027 !important;
  box-shadow: 0 0 0 0.2rem rgba(153, 112, 39, 0.25) !important;
}

/* Extra specific overrides to ensure gold theming */
select.form-select,
select.form-select:hover,
select.form-select:focus,
select.form-select:active {
  border-color: rgba(153, 112, 39, 0.3) !important;
  box-shadow: none !important;
  outline: none !important;
}

select.form-select:hover {
  border-color: rgba(153, 112, 39, 0.5) !important;
  box-shadow: 0 0 0 0.1rem rgba(153, 112, 39, 0.15) !important;
}

select.form-select:focus {
  border-color: #997027 !important;
  box-shadow: 0 0 0 0.2rem rgba(153, 112, 39, 0.25) !important;
}

/* Override Bootstrap form-control elements to use gold instead of blue */
.form-control {
  border-color: rgba(153, 112, 39, 0.3) !important;
  color: #495057 !important;
  background-color: #fff !important;
  transition: all 0.15s ease !important;
}

.form-control:hover {
  border-color: rgba(153, 112, 39, 0.5) !important;
  box-shadow: 0 0 0 0.1rem rgba(153, 112, 39, 0.15) !important;
}

.form-control:focus {
  border-color: #997027 !important;
  box-shadow: 0 0 0 0.2rem rgba(153, 112, 39, 0.25) !important;
  color: #495057 !important;
  outline: none !important;
}

/* Override Bootstrap checkbox styling to use gold instead of blue */
.form-check-input {
  border-color: rgba(153, 112, 39, 0.3) !important;
}

.form-check-input:checked {
  background-color: #997027 !important;
  border-color: #997027 !important;
}

.form-check-input:focus {
  border-color: #997027 !important;
  box-shadow: 0 0 0 0.2rem rgba(153, 112, 39, 0.25) !important;
}

/* Override Bootstrap dropdown item hover effects */
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:hover *,
.dropdown-item:focus * {
  background-color: rgba(153, 112, 39, 0.1) !important;
  color: #997027 !important;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item.active *,
.dropdown-item:active * {
  background-color: rgba(153, 112, 39, 0.2) !important;
  color: #997027 !important;
}

/* Extra specific override for any dropdown hover */
* .dropdown-item:hover,
* .dropdown-item:focus {
  background-color: rgba(153, 112, 39, 0.1) !important;
  color: #997027 !important;
}

/* Custom gold active state for date filter buttons */
.gold-active {
  background-color: rgba(153, 112, 39, 0.2) !important;
  color: #997027 !important;
}

/* Override Bootstrap nav-link hover effects */
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #dee2e6 #dee2e6 #997027 !important;
  background-color: rgba(153, 112, 39, 0.1) !important;
  color: #997027 !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
  background-color: #997027 !important;
  border-color: #997027 #997027 #fff !important;
  color: white !important;
}