/* ============================================
   Dar Al-Ulum Custom Theme
   Primary Dark: #253E5C | Bright: #065194
   Accent: #13A96A | Dark BG: #1C2729
   ============================================ */

/* Top navigation bar */
.navbar-gitlab,
header.navbar {
  background-color: #253E5C !important;
  border-bottom: 2px solid #13A96A !important;
}

/* Sidebar */
.nav-sidebar,
aside.nav-sidebar {
  background-color: #1C2729 !important;
}

.nav-sidebar .nav-item a,
.nav-sidebar .nav-item-name {
  color: #e0e0e0 !important;
}

.nav-sidebar .nav-item a:hover,
.nav-sidebar .nav-item a.active {
  background-color: #253E5C !important;
  color: #fff !important;
}

.nav-sidebar .nav-item a.active {
  border-left: 3px solid #13A96A !important;
}

/* Buttons - Primary */
.btn-confirm,
.btn-success,
.btn-primary {
  background-color: #065194 !important;
  border-color: #065194 !important;
}

.btn-confirm:hover,
.btn-success:hover,
.btn-primary:hover {
  background-color: #253E5C !important;
  border-color: #253E5C !important;
}

/* Links */
a:not(.btn):not(.nav-link) {
  color: #065194;
}

a:not(.btn):not(.nav-link):hover {
  color: #253E5C;
}

/* Sign-in page */
.login-page .brand-header-text,
.login-page .login-body h2 {
  color: #253E5C !important;
}

.login-page .login-box {
  border-top: 3px solid #13A96A !important;
}

.login-page .btn-confirm {
  background-color: #13A96A !important;
  border-color: #13A96A !important;
}

.login-page .btn-confirm:hover {
  background-color: #065194 !important;
  border-color: #065194 !important;
}

/* Project/Group header */
.cover-block {
  background-color: #253E5C !important;
}

/* Badges and labels */
.badge-success,
.badge-info {
  background-color: #13A96A !important;
}

.progress-bar {
  background-color: #13A96A !important;
}

/* Tab active indicator */
.nav-tabs .nav-link.active {
  border-bottom-color: #065194 !important;
  color: #065194 !important;
}

/* Merge request / Issue status */
.issuable-status-box.status-box-open {
  background-color: #13A96A !important;
}

.ci-status-icon-success svg {
  fill: #13A96A !important;
}

/* Search bar */
.search-input-container {
  border-color: #065194 !important;
}

/* Dropdown active items */
.dropdown-menu .active > a,
.dropdown-menu li > a:hover {
  background-color: #065194 !important;
  color: #fff !important;
}

/* Toggle switches */
.gl-toggle.is-checked {
  background-color: #13A96A !important;
  border-color: #13A96A !important;
}

/* Super sidebar (GitLab 16+) */
.super-sidebar {
  --gl-sidebar-background-color: #1C2729 !important;
  background-color: #1C2729 !important;
}

.super-sidebar .gl-button.btn-default {
  color: #e0e0e0 !important;
}

.super-sidebar .nav-item-link.active,
.super-sidebar .nav-item-link:hover {
  background-color: #253E5C !important;
}

.top-bar-fixed {
  background-color: #253E5C !important;
}

.header-user-dropdown-toggle {
  color: #fff !important;
}