/* CSS Document for customising themes */

/* --- Primary Color Overrides --- */

.bg-primary,
.navbar.bg-primary,
.navbar .bg-primary {
  background-color: var(--bs-primary, #0d6efd) !important;

  color: #fff !important;
}

.border-primary {
  border-color: var(--bs-primary, #0d6efd) !important;
}

.text-primary {
  color: var(--bs-primary, #0d6efd) !important;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-subtle, #0d6efd) !important;
}

/* Bootstrap Buttons */
.btn-primary {
  --bs-btn-bg: var(--bs-primary, #0d6efd);
  --bs-btn-border-color: var(--bs-primary, #0d6efd);
  --bs-btn-hover-bg: var(--bs-primary-dark, #0b5ed7);
  --bs-btn-hover-border-color: var(--bs-primary-dark, #0a58ca);

  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  color: #fff;
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary, #0d6efd);
  --bs-btn-border-color: var(--bs-primary, #0d6efd);
  --bs-btn-hover-bg: var(--bs-primary, #0d6efd);
  --bs-btn-hover-border-color: var(--bs-primary, #0d6efd);

  color: var(--bs-btn-color);
  border-color: var(--bs-btn-border-color);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  color: #fff;
}

/* Alerts */
.alert-primary {
  background-color: var(--bs-primary-subtle, #0d6efd) !important;
  border-color: var(--bs-primary, #0d6efd) !important;
  color: var(--bs-primary, #0d6efd);
}

/* Badges */
.badge-primary,
.bg-primary .badge {
  background-color: var(--bs-primary, #0d6efd) !important;
  color: #fff !important;
}

/* Nav Pills/Links */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--bs-primary, #0d6efd);
  color: #fff;
  border-color: var(--bs-primary, #0d6efd);
}

/* --- Secondary Color Overrides --- */
.bg-secondary,
.navbar.bg-secondary,
.navbar .bg-secondary {
  background-color: var(--bs-secondary, #6c757d) !important;

  color: #fff !important;
}

.border-secondary {
  border-color: var(--bs-secondary, #6c757d) !important;
}

.text-secondary {
  color: var(--bs-secondary, #0d6efd) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-subtle, #6c757d) !important;
}

/* Bootstrap Buttons */
.btn-secondary {
  --bs-btn-bg: var(--bs-secondary, #6c757d);
  --bs-btn-border-color: var(--bs-secondary, #6c757d);
  --bs-btn-hover-bg: var(--bs-secondary-dark, #5c636a);
  --bs-btn-hover-border-color: var(--bs-secondary-dark, #565e64);

  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
  color: #fff;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  color: #fff;
}

.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary, #6c757d);
  --bs-btn-border-color: var(--bs-secondary, #6c757d);
  --bs-btn-hover-bg: var(--bs-secondary, #6c757d);
  --bs-btn-hover-border-color: var(--bs-secondary, #6c757d);

  color: var(--bs-btn-color);
  border-color: var(--bs-btn-border-color);
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  color: #fff;
}

/* Alerts */
.alert-secondary {
  background-color: var(--bs-secondary, #6c757d) !important;
  border-color: var(--bs-secondary, #6c757d) !important;
  color: #fff !important;
}

/* Badges */
.badge-secondary,
.bg-secondary .badge {
  background-color: var(--bs-secondary, #6c757d) !important;
  color: #fff !important;
}

/* Nav Pills/Links */
.nav-pills .nav-link.active.bg-secondary,
.nav-pills .show > .nav-link.bg-secondary {
  background-color: var(--bs-secondary, #6c757d);
  color: #fff;
  border-color: var(--bs-secondary, #6c757d);
}

/* pagination cards */
.page-item.active .page-link {
  --bs-pagination-active-bg: var(--bs-primary, #0d6efd);
  --bs-pagination-active-border-color: var(--bs-primary, #0d6efd);
  --bs-pagination-active-color: #fff;
  background-color: var(--bs-pagination-active-bg) !important;
  border-color: var(--bs-pagination-active-border-color) !important;
  color: var(--bs-pagination-active-color) !important;
}

.form-check-input:checked {
  background-color: var(--bs-primary, #0d6efd) !important;
  border-color: var(--bs-primary, #0d6efd) !important;
  -webkit-box-shadow: 0 0 0 0.2rem
    rgba(var(--bs-primary-rgb, 13, 110, 253), 0.25) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb, 13, 110, 253), 0.25) !important;
}

.form-check-input:focus {
  border-color: var(--bs-primary, #0d6efd);
  -webkit-box-shadow: 0 0 0 0.2rem
    rgba(var(--bs-primary-rgb, 13, 110, 253), 0.25);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb, 13, 110, 253), 0.25);
}

/* Optional: for radio checked indicator */
.form-check-input:checked[type="radio"] {
  background-color: var(--bs-primary, #0d6efd) !important;
  border-color: var(--bs-primary, #0d6efd) !important;
}

/* For checked + focus (optional, for extra consistency) */
.form-check-input:checked:focus {
  border-color: var(--bs-primary, #0d6efd);
  -webkit-box-shadow: 0 0 0 0.2rem
    rgba(var(--bs-primary-rgb, 13, 110, 253), 0.25);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb, 13, 110, 253), 0.25);
}