/*
 * Custom Branding Override — University SIS
 * Sidebar: white + dark text
 * Header & Sidebar Header: #333f54 (dark navy)
 * Global accent: #a80000 (dark red)
 */

/* ========================================
   SIDEBAR — White Background
   ======================================== */
.pcoded-navbar {
  background: #ffffff !important;
  box-shadow: 1px 0 20px 0 rgba(0,0,0,0.08) !important;
  color: #333333 !important;
}

.pcoded-navbar a {
  color: #555555 !important;
}

.pcoded-navbar .pcoded-inner-navbar li > a:hover,
.pcoded-navbar .pcoded-inner-navbar li.active > a,
.pcoded-navbar .pcoded-inner-navbar li.pcoded-trigger > a {
  color: #a80000 !important;
  background: rgba(168, 0, 0, 0.06) !important;
}

.pcoded-navbar .pcoded-inner-navbar li > a > .pcoded-micon {
  color: #777 !important;
}

.pcoded-navbar .pcoded-inner-navbar li.active > a > .pcoded-micon,
.pcoded-navbar .pcoded-inner-navbar li > a:hover > .pcoded-micon,
.pcoded-navbar .pcoded-inner-navbar li.pcoded-trigger > a > .pcoded-micon {
  color: #a80000 !important;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-menu-caption {
  color: #999999 !important;
}

/* Active/trigger left border accent — override #1dc4e9 */
.pcoded-navbar .pcoded-inner-navbar > li.active:after,
.pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger:after {
  background-color: #a80000 !important;
}

/* Active/trigger item background — override #333f54 dark bg */
.pcoded-navbar .pcoded-inner-navbar > li.active > a,
.pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger > a {
  background: rgba(168, 0, 0, 0.06) !important;
  color: #a80000 !important;
}

/* Submenu */
.pcoded-navbar .pcoded-submenu {
  background: #f5f5f5 !important;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li > a {
  color: #666 !important;
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li > a:hover,
.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.active > a {
  color: #a80000 !important;
}

/* Submenu bullet dots — override #1dc4e9 */
.pcoded-navbar .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li > a:before {
  background: #ccc !important;
}

.pcoded-navbar .pcoded-inner-navbar li .pcoded-submenu > li.active > a:before,
.pcoded-navbar .pcoded-inner-navbar li .pcoded-submenu > li:focus > a:before,
.pcoded-navbar .pcoded-inner-navbar li .pcoded-submenu > li:hover > a:before {
  background: #a80000 !important;
}

/* Active text color override — kill #1dc4e9 */
.pcoded-navbar .pcoded-inner-navbar li.active > a,
.pcoded-navbar .pcoded-inner-navbar li:focus > a,
.pcoded-navbar .pcoded-inner-navbar li:hover > a {
  color: #a80000 !important;
}

/* Sidebar mobile menu (hamburger) — white on dark header */
.pcoded-navbar .mobile-menu span,
.pcoded-navbar .mobile-menu span:after,
.pcoded-navbar .mobile-menu span:before {
  background-color: #ffffff !important;
}

/* Sidebar logo area — #333f54 to match main header */
.pcoded-navbar .header-logo {
  background: #333f54 !important;
}

.pcoded-navbar .header-logo a {
  color: #ffffff !important;
}

.pcoded-navbar .header-logo .logo-dark {
  display: none !important;
}

.pcoded-navbar .header-logo .logo-main {
  display: block !important;
}

/* Collapsed sidebar hover submenu text */
.pcoded-navbar.navbar-collapsed:hover .pcoded-inner-navbar > li.pcoded-trigger .pcoded-submenu li a {
  color: #555 !important;
}

.pcoded-navbar.navbar-collapsed .pcoded-menu-caption:after {
  background: rgba(0,0,0,0.08) !important;
}

/* Collapsed sidebar divider line */
.pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li.pcoded-trigger .pcoded-submenu:after {
  background: rgba(0,0,0,0.1) !important;
}

/* ========================================
   HEADER — #333f54 (Dark Navy)
   ======================================== */
.pcoded-header {
  background: #333f54 !important;
  color: #ffffff !important;
}

.pcoded-header .navbar-nav > li > a,
.pcoded-header .navbar-nav > li > .dropdown-toggle,
.pcoded-header .input-group .input-group-text,
.pcoded-header a,
.pcoded-header .dropdown .dropdown-toggle {
  color: #ffffff !important;
}

.pcoded-header .navbar-nav > li span.top-icon a {
  background: #a80000 !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
}

.pcoded-header .main-search .search-close > .input-group-text {
  color: #a80000 !important;
}

.pcoded-header .main-search.open .input-group .search-btn {
  background: #a80000 !important;
  border-color: #a80000 !important;
}

/* Profile dropdown head */
.pcoded-header .dropdown .profile-notification .pro-head {
  background: #333f54 !important;
}

.pcoded-header .dropdown.drp-user .show:before {
  color: #333f54 !important;
}

/* Dropdown text colors — fix remaining blue */
.pcoded-header .dropdown-menu {
  color: #888 !important;
}

.pcoded-header .dropdown-menu a {
  color: #888 !important;
}

.pcoded-header .dropdown .notification .noti-body li.notification:hover,
.pcoded-header .dropdown .notification .noti-body li.notification.active {
  background: rgba(168, 0, 0, 0.1) !important;
}

.pcoded-header .dropdown .notification .noti-body li.notification:hover p,
.pcoded-header .dropdown .notification .noti-body li.notification:hover p strong,
.pcoded-header .dropdown .notification .noti-body li.notification:hover .n-time {
  color: #a80000 !important;
}

/* Dropdown active/hover items */
.pcoded-header .dropdown .dropdown-menu li.active a,
.pcoded-header .dropdown .dropdown-menu li:active a,
.pcoded-header .dropdown .dropdown-menu li:focus a,
.pcoded-header .dropdown .dropdown-menu li:hover a {
  background: rgba(168, 0, 0, 0.1) !important;
  color: #a80000 !important;
}

.pcoded-header .dropdown .profile-notification .pro-body li.active,
.pcoded-header .dropdown .profile-notification .pro-body li:active,
.pcoded-header .dropdown .profile-notification .pro-body li:focus,
.pcoded-header .dropdown .profile-notification .pro-body li:hover {
  background: rgba(168, 0, 0, 0.1) !important;
}

.navbar-brand {
  background: #333f54 !important;
}

/* Header breadcrumb area (mobile) */
.pcoded-header .m-header {
  background: #333f54 !important;
}

/* Topbar title */
.pcoded-header .topbar-title {
  color: #ffffff !important;
}

/* ========================================
   GLOBAL ACCENT — #a80000 (Dark Red)
   ======================================== */

/* Buttons */
.btn-primary {
  background-color: #a80000 !important;
  border-color: #a80000 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #8a0000 !important;
  border-color: #8a0000 !important;
}

.btn-outline-primary {
  color: #a80000 !important;
  border-color: #a80000 !important;
}

.btn-outline-primary:hover {
  background-color: #a80000 !important;
  color: #fff !important;
}

/* Links */
a {
  color: #a80000;
}

a:hover {
  color: #8a0000;
}

/* Cards & badges */
.bg-c-blue,
.bg-primary {
  background: #a80000 !important;
}

.text-c-blue,
.text-primary {
  color: #a80000 !important;
}

.badge-primary {
  background-color: #a80000 !important;
}

/* Progress bars */
.progress-bar {
  background-color: #a80000 !important;
}

/* Tables */
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgba(168, 0, 0, 0.1) !important;
}

/* Pagination */
.page-item.active .page-link {
  background-color: #a80000 !important;
  border-color: #a80000 !important;
}

.page-link {
  color: #a80000 !important;
}

/* Form focus */
.form-control:focus {
  border-color: #a80000 !important;
  box-shadow: 0 0 0 0.2rem rgba(168, 0, 0, 0.15) !important;
}

/* Custom checkbox/radio */
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #a80000 !important;
  background-color: #a80000 !important;
}

/* Nav tabs */
.nav-tabs .nav-link.active {
  color: #a80000 !important;
  border-bottom-color: #a80000 !important;
}

/* DataTables active sort */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #a80000 !important;
  border-color: #a80000 !important;
  color: #fff !important;
}

/* Switch toggle */
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #a80000 !important;
  background-color: #a80000 !important;
}

/* Card header gradient cards (dashboard stat cards) */
.bg-c-blue {
  background: linear-gradient(to right, #a80000, #cc1a1a) !important;
}

/* Select2 active */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #a80000 !important;
}

/* Loader bar */
.loader-fill {
  background: #a80000 !important;
}

/* General dropdown active items (global) */
.dropdown-menu > li.active > a,
.dropdown-menu > li:active > a,
.dropdown-menu > li:focus > a,
.dropdown-menu > li:hover > a {
  background: rgba(168, 0, 0, 0.1) !important;
  color: #a80000 !important;
}