/* Custom AdminLTE primary color overrides */
/* Base brand color */
:root {
  --dc-primary: #821d66;
}

/* Buttons */
.btn-primary {
  color: #fff !important;
  background-color: #821d66 !important;
  border-color: #821d66 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #6d1754 !important; /* slightly darker */
  border-color: #6d1754 !important;
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: #821d66 !important;
  border-color: #821d66 !important;
}

/* Outline buttons */
.btn-outline-primary {
  color: #821d66 !important;
  border-color: #821d66 !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #fff !important;
  background-color: #821d66 !important;
  border-color: #821d66 !important;
}

/* Background utilities */
.bg-primary, .bg-primary > a { background-color: #821d66 !important; }

/* Text utilities */
.text-primary { color: #821d66 !important; }
a.text-primary:hover, a.text-primary:focus { color: #6d1754 !important; }

/* Border utilities */
.border-primary { border-color: #821d66 !important; }

/* Badges */
.badge-primary { background-color: #821d66 !important; }

/* Pagination */
.page-item.active .page-link { background-color: #821d66 !important; border-color: #821d66 !important; }
.page-link { color: #821d66; }
.page-link:focus { box-shadow: 0 0 0 0.2rem rgba(130,29,102,0.25); }

/* Nav pills */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #821d66 !important;
  border-color: #821d66 !important;
}

/* Form controls focus */
.form-control:focus, .custom-select:focus {
  border-color: #821d66;
  box-shadow: none !important;
  outline: none;
}

/* Checkbox / radio custom controls (Bootstrap 4) */
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #821d66;
  background-color: #821d66;
}

/* Progress bar (if using bg-primary) */
.progress-bar.bg-primary { background-color: #821d66 !important; }

/* Callouts (AdminLTE) */
.callout.callout-primary { border-left-color: #821d66; }

/* Small boxes */
.small-box.bg-primary { background-color: #821d66 !important; }

/* Cards outline primary */
.card-primary:not(.card-outline) > .card-header { background-color: #821d66; }
.card-primary.card-outline { border-top: 3px solid #821d66; }

/* Links inside primary backgrounds */
.bg-primary a { color: #fff !important; }

/* Any element using .btn-flat.btn-primary (AdminLTE auth screens) */
.btn-flat.btn-primary {
  background-color: #821d66 !important;
  border-color: #821d66 !important;
}

/* Optional: global CSS variable substitution hint for future SCSS compilation */
/* If you later compile assets, map $primary: #821d66; in SCSS */

/* Auth input group focus icon/border overrides */
.login-card-body .input-group .form-control:focus~.input-group-append .input-group-text,
.login-card-body .input-group .form-control:focus~.input-group-prepend .input-group-text,
.register-card-body .input-group .form-control:focus~.input-group-append .input-group-text,
.register-card-body .input-group .form-control:focus~.input-group-prepend .input-group-text {
  border-color: #821d66 !important;
  color: #821d66 !important;
  box-shadow: none !important;
}

/* System-wide styling for Select2 multiple selection choices (Bootstrap4 theme) */
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
  float: left;
  padding: 0;
  padding-right: 0.75rem;
  margin-top: calc(0.375rem - 2px);
  margin-right: 0.375rem;
  color: #495057;
  cursor: pointer;
  border: 1px solid #bdc6d0;
  border-radius: 0.2rem;
  background: #f4f4f6;
}

/* Optional hover/focus state (comment out if not desired) */
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice:hover {
  background: #821d66;
  color: #fff;
  border-color: #821d66;
  box-shadow: 0 2px 4px rgba(0,0,0,0.12);
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #821d66 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}