/* ==========================================================================
   KCC palette — Faculty portal only
   --------------------------------------------------------------------------
   Faculty does not run AdminLTE like the other eight portals; it uses the
   NiceAdmin template, whose brand colours are #4154f1 (bright indigo) and
   #012970 (navy). The indigo is what reads as "not KCC", so it is remapped to
   the emblem navy. #012970 is already close and is aligned exactly.

   Colours sampled from the KCC emblem (img/sscLogo.png):
     navy #002060, gold #F0E0A0.

   Must load AFTER assets/css/style.css. Colour only, nothing structural.
   ========================================================================== */

:root {
  --kcc-navy-900: #001640;
  --kcc-navy: #002060;
  --kcc-navy-600: #0d3277;
  --kcc-gold: #f0e0a0;
  --kcc-gold-ink: #9a7b1e;
}

/* --- headings and links ---------------------------------------------------- */

a,
.logo span,
h1, h2, h3, h4, h5, h6,
.pagetitle h1 {
  color: var(--kcc-navy);
}

a:hover {
  color: var(--kcc-navy-600);
}

/* --- header ---------------------------------------------------------------- */

.header {
  background-color: var(--kcc-navy) !important;
  border-bottom: 1px solid rgba(240, 224, 160, .28);
}

.header .logo span,
.header .toggle-sidebar-btn,
.header-nav .nav-link,
.header-nav .nav-icon,
.header-nav .nav-profile span {
  color: #fff !important;
}

.header .toggle-sidebar-btn:hover,
.header-nav .nav-link:hover {
  color: var(--kcc-gold) !important;
}

.header .search-bar input {
  background-color: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .18);
  color: #fff;
}

.header .search-bar input::placeholder {
  color: rgba(255, 255, 255, .65);
}

/* --- sidebar --------------------------------------------------------------- */

.sidebar-nav .nav-link {
  color: var(--kcc-navy);
  background: #fff;
}

.sidebar-nav .nav-link:hover {
  color: var(--kcc-navy);
  background: #f2f5fb;
}

.sidebar-nav .nav-link:not(.collapsed) {
  color: #fff;
  background: var(--kcc-navy);
}

.sidebar-nav .nav-link:not(.collapsed) i,
.sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {
  color: var(--kcc-gold);
}

.sidebar-nav .nav-link i,
.sidebar-nav .nav-content a i {
  color: var(--kcc-navy);
}

.sidebar-nav .nav-content a.active,
.sidebar-nav .nav-content a:hover {
  color: var(--kcc-navy);
}

.sidebar-nav .nav-content a.active i,
.sidebar-nav .nav-content a:hover i {
  background-color: var(--kcc-navy);
}

/* --- buttons and accents ---------------------------------------------------- */

.btn-primary,
.btn-info {
  background-color: var(--kcc-navy) !important;
  border-color: var(--kcc-navy) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-info:hover {
  background-color: var(--kcc-navy-600) !important;
  border-color: var(--kcc-navy-600) !important;
}

.btn-outline-primary {
  color: var(--kcc-navy) !important;
  border-color: var(--kcc-navy) !important;
}

.btn-outline-primary:hover {
  background-color: var(--kcc-navy) !important;
  color: #fff !important;
}

.bg-primary,
.bg-info {
  background-color: var(--kcc-navy) !important;
}

.text-primary {
  color: var(--kcc-navy) !important;
}

.card-title {
  color: var(--kcc-navy);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--kcc-navy);
  box-shadow: 0 0 0 3px rgba(0, 32, 96, .12);
}

.nav-tabs-bordered .nav-link.active,
.nav-tabs-bordered .nav-link:hover {
  color: var(--kcc-navy);
  border-bottom-color: var(--kcc-navy);
}

.page-item.active .page-link {
  background-color: var(--kcc-navy);
  border-color: var(--kcc-navy);
}

.page-link {
  color: var(--kcc-navy);
}

table.table thead th {
  color: var(--kcc-navy);
}

.footer a {
  color: var(--kcc-navy);
}