/* KOA Brand Color Theme
-------------------------------------------------- */

:root {
  /* Primary Colors */
  --koa-primary: #3B7A57;  /* Sage green as primary color */
  --koa-secondary: #6B8E23;  /* Olive green as secondary */
  --koa-success: #2E8B57;  /* Sea green for success */
  --koa-warning: #DAA520;  /* Golden rod for warnings */
  --koa-danger: #CD5C5C;   /* Indian red for danger/errors */
  --koa-info: #4682B4;     /* Steel blue for info */
  --koa-light: #F5F5F5;    /* White smoke for light backgrounds */
  --koa-dark: #2F4F4F;     /* Dark slate gray for dark elements */
  
  /* Bootstrap overrides */
  --bs-primary: var(--koa-primary);
  --bs-secondary: var(--koa-secondary);
  --bs-success: var(--koa-success);
  --bs-info: var(--koa-info);
  --bs-warning: var(--koa-warning);
  --bs-danger: var(--koa-danger);
  --bs-light: var(--koa-light);
  --bs-dark: var(--koa-dark);
}

/* Override Bootstrap component colors */

/* Buttons */
.btn-primary {
  background-color: var(--koa-primary);
  border-color: var(--koa-primary);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--koa-secondary);
  border-color: var(--koa-secondary);
}

.btn-success {
  background-color: var(--koa-success);
  border-color: var(--koa-success);
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
  background-color: var(--koa-success);
  border-color: var(--koa-success);
}

.btn-warning {
  background-color: var(--koa-warning);
  border-color: var(--koa-warning);
  color: #212529;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background-color: var(--koa-warning);
  border-color: var(--koa-warning);
}

.btn-danger {
  background-color: var(--koa-danger);
  border-color: var(--koa-danger);
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background-color: var(--koa-danger);
  border-color: var(--koa-danger);
}

.btn-outline-primary {
  color: var(--koa-primary);
  border-color: var(--koa-primary);
}

.btn-outline-primary:hover {
  background-color: var(--koa-primary);
  border-color: var(--koa-primary);
}

.btn-outline-success {
  color: var(--koa-success);
  border-color: var(--koa-success);
}

.btn-outline-success:hover {
  background-color: var(--koa-success);
  border-color: var(--koa-success);
}

/* Navbar */
.navbar-dark:not([style*="background"]) {
  background-color: var(--koa-primary) !important;
}

.navbar-light:not([style*="background"]) {
  background-color: var(--koa-light) !important;
}

/* Cards */
.card-primary .card-header {
  background-color: var(--koa-primary);
  color: white;
}

.card-success .card-header {
  background-color: var(--koa-success);
  color: white;
}

/* Badges */
.bg-primary {
  background-color: var(--koa-primary) !important;
}

.bg-success {
  background-color: var(--koa-success) !important;
}

.bg-warning {
  background-color: var(--koa-warning) !important;
}

.bg-danger {
  background-color: var(--koa-danger) !important;
}

/* Alerts */
.alert-primary {
  background-color: rgba(59, 122, 87, 0.1);
  border-color: var(--koa-primary);
  color: var(--koa-primary);
}

.alert-success {
  background-color: rgba(46, 139, 87, 0.1);
  border-color: var(--koa-success);
  color: var(--koa-success);
}

.alert-warning {
  background-color: rgba(218, 165, 32, 0.1);
  border-color: var(--koa-warning);
  color: var(--koa-warning);
}

.alert-danger {
  background-color: rgba(205, 92, 92, 0.1);
  border-color: var(--koa-danger);
  color: var(--koa-danger);
}

/* Tables */
.table-primary, .table-primary > th, .table-primary > td {
  background-color: rgba(0, 0, 205, 0.1);
}

.table-success, .table-success > th, .table-success > td {
  background-color: rgba(0, 204, 153, 0.1);
}

/* Pagination */
.page-item.active .page-link {
  background-color: var(--koa-primary);
  border-color: var(--koa-primary);
}

.page-link {
  color: var(--koa-primary);
}

.page-link:hover {
  color: var(--koa-secondary);
}

/* Progress bars */
.progress-bar {
  background-color: var(--koa-primary);
}

.progress-bar-success {
  background-color: var(--koa-success);
}

.progress-bar-warning {
  background-color: var(--koa-warning);
}

.progress-bar-danger {
  background-color: var(--koa-danger);
}

/* Links */
a {
  color: var(--koa-primary);
}

a:hover {
  color: var(--koa-secondary);
}

/* Navigation Tabs */
.nav-tabs .nav-link {
  color: #6c757d !important;  /* Gray color for inactive tabs */
  font-weight: 600;
  border: none;
}

.nav-tabs .nav-link:hover:not(.active) {
  color: #495057;
  border-color: #495057 #495057 #dee2e6;
}

.nav-tabs .nav-link.active {
  background-color: var(--koa-primary);
  color: white !important;
  border-color: var(--koa-primary);
}

.nav-tabs .nav-link.active:hover {
  color: white !important;
  background-color: var(--koa-secondary);
  border-color: var(--koa-secondary);
}

/* Forms */
.form-control:focus {
  border-color: var(--koa-primary);
  box-shadow: 0 0 0 0.2rem rgba(59, 122, 87, 0.25);
}

/* Custom KOA elements */
.koa-section-heading {
  color: var(--koa-primary);
  border-bottom: 2px solid var(--koa-primary);
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}

.koa-card {
  border-top: 4px solid var(--koa-primary) !important;
}

.koa-card-success {
  border-top: 4px solid var(--koa-success) !important;
}

.koa-card-warning {
  border-top: 4px solid var(--koa-warning) !important;
}

.koa-card-danger {
  border-top: 4px solid var(--koa-danger) !important;
}

/* Dashboard elements */
.dashboard-stat-card {
  border-radius: 5px;
  transition: transform 0.3s;
}

.dashboard-stat-card:hover {
  transform: translateY(-5px);
}

.dashboard-stat-card.primary {
  border-left-color: var(--koa-primary);
}

.dashboard-stat-card.success {
  border-left-color: var(--koa-success);
}

.dashboard-stat-card.warning {
  border-left-color: var(--koa-warning);
}

.dashboard-stat-card.danger {
  border-left-color: var(--koa-danger);
}

/* Footer */
.footer {
  background-color: var(--koa-dark) !important;
  color: #fff;
  padding: 1rem 0;
}

.footer a {
  color: var(--koa-light);
}

.footer a:hover {
  color: var(--koa-light);
}

/* Text styling */
.text-primary {
  color: var(--koa-primary) !important;
}

.text-secondary {
  color: var(--koa-secondary) !important;
}

/* Table styling */
.table-hover tbody tr:hover {
  background-color: rgba(59, 122, 87, 0.05);
}

/* Ensure table headers are black in Koa theme */
.table th,
.table thead th,
th {
  color: #000000 !important;
}

/* Badges */
.badge.bg-primary {
  background-color: var(--koa-primary) !important;
}

.badge.bg-success {
  background-color: var(--koa-success) !important;
}

.badge.bg-warning {
  background-color: var(--koa-warning) !important;
}

.badge.bg-danger {
  background-color: var(--koa-danger) !important;
}