/* Root variables override */
:root {
  --bs-primary: #217346; /* Excel-like green */
  --bs-primary-rgb: 33, 115, 70;

  --bs-body-bg: #fdfdfb; /* warm off-white background */
  --bs-body-color: #212529;
}

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

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #1a5e38; /* Darker green on hover */
  border-color: #1a5e38;
}

/* Navbar links */
.navbar,
.navbar-light,
.navbar-dark {
  background-color: var(--bs-primary);
}

.navbar-brand,
.navbar-nav .nav-link {
  color: #ffffff !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: #cce3d4 !important;
}

/* Links */
a {
  color: var(--bs-primary);
  text-decoration: none;
}

a:hover {
  color: #1a5e38;
  text-decoration: underline;
}

/* Alerts */
.alert-primary {
  color: #ffffff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.alert-primary .alert-link {
  color: #cce3d4;
}

/* Badges */
.badge-primary {
  background-color: var(--bs-primary);
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
  background-color: #1a5e38;
}

/* Progress bars */
.progress-bar.bg-primary {
  background-color: var(--bs-primary) !important;
}

/* Form elements */
.form-control:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Tables */
.table-primary {
  background-color: #e2f0e7;
}

.table-primary > th,
.table-primary > td {
  background-color: #d0e9db;
}
.table-green thead th {
    background-color: #e2f0e7; /* very light green */
    color: #212529;
}

/* Cards */
.card-header.bg-primary,
.card-footer.bg-primary {
  background-color: var(--bs-primary) !important;
  color: #ffffff;
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus-visible {
    background-color: #198754 !important;
    border-color: #198754 !important;
    box-shadow: 0 0 0 0.25rem rgba(25,135,84,0.5) !important;
}

.btn-outline-primary {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
  background-color: transparent;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #1a5e38; /* darker green hover */
  border-color: #1a5e38;
}

.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary:focus-visible {
  color: #fff;
  background-color: #198754 !important;
  border-color: #198754 !important;
  box-shadow: 0 0 0 0.25rem rgba(25,135,84,0.5) !important;
}
/* Change dropdown select to green border + focus */
.form-select {
    border-color: #198754;
}

.form-select:focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}

/* Buttons primary color green */
.btn-primary {
    background-color: #198754;
    border-color: #198754;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #157347;
    border-color: #146c43;
}

.btn-primary:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}

/* Modal confirm save button green if it's .btn-primary */
.modal .btn-primary {
    background-color: #198754;
    border-color: #198754;
}

.modal .btn-primary:hover,
.modal .btn-primary:focus,
.modal .btn-primary:active {
    background-color: #157347;
    border-color: #146c43;
}

/* Optional: green outlines for outline-primary buttons */
.btn-outline-primary {
    color: #198754;
    border-color: #198754;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

/* Dropdown toggles (e.g. dropdown buttons) */
.dropdown-toggle {
    background-color: #198754;
    border-color: #198754;
    color: #fff;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
    background-color: #157347;
    border-color: #146c43;
}
/* Make DataTables pagination green */
.pagination .page-link {
  color: #198754; /* Bootstrap green */
  border-color: #198754;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
  background-color: #198754;
  color: #fff;
}

.pagination .page-item.active .page-link {
  background-color: #198754;
  border-color: #198754;
  color: #fff;
}

.pagination .page-item.disabled .page-link {
  color: #6c757d; /* Optional: grey out disabled */
  pointer-events: none;
  background-color: transparent;
  border-color: #dee2e6;
}
/* Base pagination button colors */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background-color: #e6f4ea;
  color: #217346 !important;
  border: 1px solid #ccc; /* Light gray border for consistency */
}

/* Hover effect */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #c2e0c6 !important;
  color: #000 !important;
  border: 1px solid #bbb;
}

/* Active page button — now subtle */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #217346 !important;
  color: #fff !important;
  border: 1px solid #ccc; /* Match the rest */
  box-shadow: none !important; /* Remove any glow/shadow if present */
}

/* Disabled buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  background-color: #f9f9f9;
  color: #bbb !important;
  border: 1px solid #ccc;
}