/*----------------------------------------------------------------
  Brand color overrides for the student dashboard — loaded after
  admin/assets/css/style.css. Matches the public website palette
  (see frontend/assets/css/custom.css):
  Main color:      #114B57 (dark teal)  — replaces theme blue #066ac9
  Dark variant:    #0D3E48               — replaces hover blue #055aab
  Secondary color: #BD914A (bronze)      — replaces theme yellow #f7c32e
----------------------------------------------------------------*/

:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
  --bs-primary: #114B57;
  --bs-primary-rgb: 17, 75, 87;
  --bs-blue: #114B57;
  --bs-blue-rgb: 17, 75, 87;
  --bs-yellow: #BD914A;
  --bs-warning-rgb: 189, 145, 74;
  --bs-dark: #0D3E48;
  --bs-dark-rgb: 13, 62, 72;
  --bs-link-color: #114B57;
  --bs-link-color-rgb: 17, 75, 87;
  --bs-link-hover-color: #0D3E48;
  --bs-link-hover-color-rgb: 13, 62, 72;
  --bs-primary-text-emphasis: #0D3E48;
  --bs-primary-bg-subtle: #dbe6e9;
  --bs-primary-border-subtle: #9fbec5;
}

/* Nav links — hover/active state */

.navbar {
  --bs-navbar-hover-color: #114B57;
  --bs-navbar-active-color: #114B57;
}

/* Buttons */

.btn-primary {
  --bs-btn-bg: #114B57;
  --bs-btn-border-color: #114B57;
  --bs-btn-hover-bg: #0D3E48;
  --bs-btn-hover-border-color: #0D3E48;
  --bs-btn-focus-shadow-rgb: 17, 75, 87;
  --bs-btn-active-bg: #0D3E48;
  --bs-btn-active-border-color: #0B353E;
  --bs-btn-disabled-bg: #114B57;
  --bs-btn-disabled-border-color: #114B57;
}

.btn-outline-primary {
  --bs-btn-color: #114B57;
  --bs-btn-border-color: #114B57;
  --bs-btn-hover-bg: #114B57;
  --bs-btn-hover-border-color: #114B57;
  --bs-btn-focus-shadow-rgb: 17, 75, 87;
  --bs-btn-active-bg: #114B57;
  --bs-btn-active-border-color: #114B57;
  --bs-btn-disabled-color: #114B57;
  --bs-btn-disabled-border-color: #114B57;
}

.btn-primary-soft {
  color: #114B57;
  background-color: rgba(17, 75, 87, 0.1);
}

.btn-primary-soft:active,
.btn-primary-soft:hover {
  color: #fff !important;
  background-color: #114B57 !important;
  border-color: #114B57 !important;
}

.btn-primary-soft:focus {
  color: #114B57;
  background-color: rgba(17, 75, 87, 0.1);
}

/* Sidebar menu — hover/active item in bronze instead of white */

.list-group-dark .list-group-item:not(.bg-danger-soft-hover):hover,
.list-group-dark .list-group-item:not(.bg-danger-soft-hover).active {
  color: #fff !important;
  background-color: #BD914A !important;
}

/* Success buttons (course "Complete"/"Completed") in bronze */

.btn-success {
  --bs-btn-bg: #BD914A;
  --bs-btn-border-color: #BD914A;
  --bs-btn-hover-bg: #A67D3D;
  --bs-btn-hover-border-color: #A67D3D;
  --bs-btn-focus-shadow-rgb: 189, 145, 74;
  --bs-btn-active-bg: #A67D3D;
  --bs-btn-active-border-color: #9A7438;
  --bs-btn-disabled-bg: #BD914A;
  --bs-btn-disabled-border-color: #BD914A;
}

/* Form focus states */

.form-control:focus,
.form-select:focus {
  border-color: #114B57;
  -webkit-box-shadow: 0 0 0 0 rgba(17, 75, 87, 0.25);
          box-shadow: 0 0 0 0 rgba(17, 75, 87, 0.25);
}

.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
  background-color: #114B57;
  border-color: #114B57;
}

/* Auth (login / register) left branding panel — fills the full column
   height so the brand colour balances the white form side, with the
   logo centred instead of leaving an empty gap below it. */

.auth-brand-panel {
  background: linear-gradient(160deg, #e6f0f2 0%, #c9dde3 100%);
}

@media (min-width: 992px) {
  .auth-brand-panel {
    min-height: 100vh;
  }
}
