/* ---------------------------------------------------------------------------
   Cronos-huisstijl voor OpenCVE
   ---------------------------------------------------------------------------
   Laadt NA custom.css (zie branding/templates/styles.html) en overschrijft
   alleen de kleuren. Upstream's custom.css blijft ongemoeid.

   Curious Blue  #189CD8   primair accent   (was #5648D8)
   Mirage        #193144   donker           (was #090031)
   Licht accent  #189CD8   varianten        (was #8B5CF6)

   Bij een upgrade: controleer of upstream nieuwe kleuren heeft toegevoegd met
     grep -n "5648D8\|090031\|8B5CF6" static/css/custom.css
   --------------------------------------------------------------------------- */


/* === Header en sidebar (was #090031 → Mirage) ============================= */

.skin-opencve .main-header .navbar .sidebar-toggle:hover,
.skin-opencve .main-header .navbar .sidebar-toggle:focus {
  color: #193144;
}

.skin-opencve .main-header .logo,
.skin-opencve .main-header .logo:hover,
.skin-opencve .main-header li.user-header {
  background-color: #193144;
}

.skin-opencve .box.box-primary {
  border-color: #193144;
}


/* === Knoppen en badges (was #5648D8 → Curious Blue) ======================= */

.bg-blue {
  background-color: #189CD8 !important;
}

.bg-primary {
  background-color: #189CD8;
}

.btn-primary {
  color: #fff;
  background-color: #189CD8;
  border: 1px solid #189CD8;
}

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

.badge-primary {
  background-color: #193144;
}

.report-changes-count .badge-purple-light {
  background-color: #e3f2fb;
}


/* === Tabs en accenten (was #090031 → Mirage) ============================== */

.nav-tabs-primary > .nav-tabs > li.active {
  border-top-color: #193144;
}

.nav-tabs-profile > .nav-tabs > li.active {
  border-bottom: 3px solid #193144;
}

.dropcap {
  color: #193144;
}

.tabs-report {
  border-top: 3px solid #193144 !important;
}

.bg-opencve {
  background-color: #193144 !important;
}


/* === Onboarding-stepper (was #5648D8) ==================================== */

.onboarding-stepper-step-active .onboarding-stepper-circle,
.onboarding-stepper-step-completed .onboarding-stepper-circle {
  border-color: #189CD8;
  background-color: #189CD8;
}

.onboarding-stepper-step-active .onboarding-stepper-circle {
  box-shadow: 0 0 0 3px rgba(24, 156, 216, 0.25);
}

.onboarding-stepper-connector-active {
  background-color: #189CD8;
}


/* === Query builder en tags (was #5648D8) ================================= */

.query-builder-hint,
.query-example-tag {
  color: #0d6e99;
  background: #eaf6fc;
  border: 1px solid #189CD8;
}

.query-example-tag:hover,
.query-example-tag:focus {
  background-color: #d4ecf8;
  border: 1px solid #0d6e99;
  color: #189CD8;
}


/* === Floating menus en links (was #5648D8) =============================== */

#cves-tracking-list .floating-menu-item:hover,
.floating-menu-item:hover {
  background-color: #f0f9fd;
  color: #189CD8;
}

.subscribe-vendor:hover,
.subscribe-product:hover,
.subscribe-vendor:hover .fa-bell-o,
.subscribe-product:hover .fa-bell-o {
  color: #189CD8;
}


/* === Automations (was #8B5CF6) =========================================== */

.automation-section .section-label {
  background: #189CD8;
}

.add-dropdown {
  border: 1px solid #189CD8;
}

.automation-trigger-options .trigger-option:hover,
.automation-template-option:hover,
.notification-type-option:hover {
  border-color: #189CD8;
}

.trigger-option-icon,
.trigger-option-select {
  color: #189CD8;
}

.automation-drawer-title {
  color: #193144;
}

.drawer-nav-item.active {
  color: #189CD8;
  background: #e3f2fb;
}

.drawer-nav-item.active::before {
  background: #189CD8;
}

@keyframes drawer-title-highlight {
  0%   { background-color: #e3f2fb; box-shadow: inset 3px 0 0 #189CD8; }
  70%  { background-color: #e3f2fb; box-shadow: inset 3px 0 0 #189CD8; }
  100% { background-color: transparent; box-shadow: inset 3px 0 0 transparent; }
}


/* === AdminLTE skin-blue ==================================================
   OpenCVE gebruikt de klasse .skin-blue (niet .skin-opencve) voor de sidebar.
   Deze regels staan in skin-blue.min.css, met twee kleuren die niet in
   custom.css voorkomen: #010123 (navigatiekop) naast #090031.
   ========================================================================= */

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background-color: #193144;
}

.skin-blue .sidebar-menu > li.header {
  color: #8aa4af;
  background: #122533;
}

.skin-blue .main-header .navbar .nav > li > a {
  color: #122533;
}

.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
  background-color: #189CD8;
  color: #fff;
}


/* === Sidebar-menu: actief en hover ======================================= */

.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a {
  color: #fff;
  background: #24455c;
}

.skin-blue .sidebar-menu > li.active > a {
  border-left-color: #189CD8;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
  background: #142838;
}