/* ============================================================
   DFA Brand Theme — Digitally Fit Awards
   Colors: Black (#0d0d0d) primary · Gold (#BF9E44) accent
   ============================================================ */

:root {
  --dfa-black:        #0d0d0d;
  --dfa-black-light:  #1a1a1a;
  --dfa-black-mid:    #2a2a2a;
  --dfa-black-dark:   #000000;
  --dfa-gold:         #BF9E44;
  --dfa-gold-light:   #d4b464;
  --dfa-gold-dark:    #9a7e30;
  --dfa-gold-subtle:  rgba(191, 158, 68, 0.12);
  --dfa-red:          #ed1c24;
}

/* ---- Sidebar ---- */
.nxl-navigation {
  background: var(--dfa-black) !important;
  border-right: 1px solid rgba(191, 158, 68, 0.2) !important;
}

.nxl-navigation .m-header {
  background: var(--dfa-black-dark) !important;
  border-bottom: 2px solid var(--dfa-gold) !important;
}

/* Base text color for sidebar items */
.nxl-navigation .nxl-item > .nxl-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Icon base color */
.nxl-navigation .nxl-item > .nxl-link .nxl-micon {
  color: rgba(191, 158, 68, 0.7) !important;
}

/* Active State */
.nxl-navigation .nxl-item.active > .nxl-link,
.nxl-navigation .nxl-item.active > .nxl-link .nxl-micon {
  background: var(--dfa-gold-subtle) !important;
  color: var(--dfa-gold) !important;
}

/* Hover State */
.nxl-navigation .nxl-item:hover > .nxl-link,
.nxl-navigation .nxl-item:hover > .nxl-link .nxl-micon {
  color: var(--dfa-gold-light) !important;
}

/* Caption texts inside sidebar */
.nxl-navigation .nxl-item.nxl-caption label {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* ---- Top Navigation Bar ---- */
.app-header,
.main-header {
  background: var(--dfa-black) !important;
  border-bottom: 2px solid var(--dfa-gold) !important;
}

/* ---- Buttons ---- */
.btn-primary {
  background-color: var(--dfa-gold) !important;
  border-color: var(--dfa-gold) !important;
  color: #000 !important;
  font-weight: 600 !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--dfa-gold-dark) !important;
  border-color: var(--dfa-gold-dark) !important;
  color: #fff !important;
}

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

.btn-outline-primary:hover {
  background-color: var(--dfa-gold) !important;
  color: #000 !important;
}

/* ---- Badges & Pills ---- */
.badge.bg-primary,
.badge-primary {
  background-color: var(--dfa-gold) !important;
  color: #000 !important;
}

/* ---- Links & text colors ---- */
a.text-primary,
.text-primary {
  color: var(--dfa-gold) !important;
}

a:not(.btn):not(.nav-link):hover {
  color: var(--dfa-gold-dark) !important;
}

/* ---- Form focus states ---- */
.form-control:focus,
.form-select:focus {
  border-color: var(--dfa-gold) !important;
  box-shadow: 0 0 0 0.2rem rgba(191, 158, 68, 0.25) !important;
}

/* ---- Card header accents ---- */
.card-header.bg-primary,
.card .card-header.text-white {
  background-color: var(--dfa-black-light) !important;
  border-bottom: 2px solid var(--dfa-gold) !important;
}

/* ---- Pagination ---- */
.page-item.active .page-link {
  background-color: var(--dfa-gold) !important;
  border-color: var(--dfa-gold) !important;
  color: #000 !important;
}

.page-link {
  color: var(--dfa-gold) !important;
}

.page-link:hover {
  background-color: var(--dfa-gold-subtle) !important;
  color: var(--dfa-gold-dark) !important;
}

/* ---- Nav tabs ---- */
.nav-tabs .nav-link.active {
  border-bottom: 2px solid var(--dfa-gold) !important;
  color: var(--dfa-gold) !important;
}

.nav-tabs .nav-link:hover {
  color: var(--dfa-gold-light) !important;
}

/* ---- Progress bars ---- */
.progress-bar {
  background-color: var(--dfa-gold) !important;
}

/* ---- Login page specific ---- */
.authentication-page .logo-wrap {
  border-color: var(--dfa-gold) !important;
}

/* ---- Sidebar brand logo area ---- */
.main-sidebar-header img,
.sidebar-logo img {
  max-height: 50px;
}