/*
 |------------------------------------------------------------------
 | HunDomain Branding Color Overrides
 |------------------------------------------------------------------
 | Central brand color: #003154
 | This file overrides Bootstrap/theme primary color usage from app.css.
 */

:root,
[data-bs-theme=light] {
  --brand-color: #003154;
  --brand-color-rgb: 0, 49, 84;
  --brand-color-hover: #002844;
  --brand-color-subtle: #d6e1e9;
  --brand-color-border-subtle: #adc3d3;
  --brand-color-soft-bg: rgba(0, 49, 84, 0.1);
  --brand-color-soft-bg-18: rgba(0, 49, 84, 0.18);
  --brand-color-soft-bg-20: rgba(0, 49, 84, 0.2);

  --bs-green: var(--brand-color);
  --bs-primary: var(--brand-color);
  --bs-primary-rgb: var(--brand-color-rgb);
  --bs-primary-text-emphasis: #00192b;
  --bs-primary-bg-subtle: var(--brand-color-subtle);
  --bs-primary-border-subtle: var(--brand-color-border-subtle);
  --bs-link-color: var(--brand-color);
  --bs-link-color-rgb: var(--brand-color-rgb);
  --bs-link-hover-color: var(--brand-color-hover);
  --bs-link-hover-color-rgb: 0, 40, 68;
  --bs-focus-ring-color: rgba(var(--brand-color-rgb), 0.25);
}

.btn-primary {
  --bs-btn-bg: var(--brand-color);
  --bs-btn-border-color: var(--brand-color);
  --bs-btn-hover-bg: var(--brand-color-hover);
  --bs-btn-hover-border-color: var(--brand-color-hover);
  --bs-btn-active-bg: var(--brand-color-hover);
  --bs-btn-active-border-color: var(--brand-color-hover);
  --bs-btn-disabled-bg: var(--brand-color);
  --bs-btn-disabled-border-color: var(--brand-color);
}

.btn-outline-primary {
  --bs-btn-color: var(--brand-color);
  --bs-btn-border-color: var(--brand-color);
  --bs-btn-hover-bg: var(--brand-color);
  --bs-btn-hover-border-color: var(--brand-color);
  --bs-btn-active-bg: var(--brand-color);
  --bs-btn-active-border-color: var(--brand-color);
  --bs-btn-disabled-color: var(--brand-color);
  --bs-btn-disabled-border-color: var(--brand-color);
}

.text-primary,
.link-primary {
  color: var(--brand-color) !important;
}

.bg-primary {
  background-color: var(--brand-color) !important;
}

.badge-soft-primary {
  color: var(--brand-color);
  background-color: var(--brand-color-soft-bg-18);
}

.badge-outline-primary {
  color: var(--brand-color);
  border-color: var(--brand-color);
}

#sidebar-menu > ul > li > a:hover,
#sidebar-menu > ul > li > a:focus,
#sidebar-menu > ul > li > a:active,
#sidebar-menu .menuitem-active > a,
#sidebar-menu .menuitem-active .active,
.nav-second-level li a:focus,
.nav-second-level li a:hover,
.nav-second-level li.active > a,
body[data-menu-color=dark][data-leftbar-size=condensed] #wrapper .app-sidebar-menu #sidebar-menu .mm-active .active {
  color: var(--brand-color);
}

#sidebar-menu > ul > li > a:hover svg,
#sidebar-menu > ul > li > a:focus svg,
#sidebar-menu > ul > li > a:active svg {
  fill: var(--brand-color-soft-bg);
}

#sidebar-menu .menuitem-active .tp-link.active,
.nav-second-level li .tp-link.active,
body[data-menu-color=dark] .app-sidebar-menu .nav-second-level li.active > a,
body[data-menu-color=dark] .app-sidebar-menu .nav-thrid-level li.active > a {
  background-color: var(--brand-color-soft-bg);
}

.navbar .navbar-nav .nav-item:hover .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar.nav-sticky .nav-item:hover .nav-link,
.navbar.nav-sticky .nav-item.active .nav-link,
.navbar.nav-sticky .nav-item:active .nav-link,
.navbar.nav-light .navbar-nav .nav-item:hover .nav-link,
.navbar.nav-light .navbar-nav .nav-item:active .nav-link,
.navbar.nav-light .navbar-nav .nav-item.active .nav-link,
.navbar.nav-light.nav-sticky .nav-item:hover .nav-link,
.navbar.nav-light.nav-sticky .nav-item.active .nav-link,
.navbar.nav-light.nav-sticky .nav-item:active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link {
  color: var(--brand-color);
}

.progress-bar-alt-primary {
  background-color: var(--brand-color-soft-bg-20);
}

.icon-demo .col-xl-3.col-lg-4.col-sm-6:hover {
  color: var(--brand-color);
}

.jvm-tooltip {
  background-color: var(--brand-color);
}

.jvm-container text {
  fill: var(--brand-color);
}

.fc-button.fc-today-button.fc-button-primary,
.event-primary {
  background-color: var(--brand-color-subtle) !important;
  color: var(--brand-color) !important;
}

.fc-state-down,
.fc-state-active,
.fc-state-disabled,
.fc-event-dot {
  background-color: var(--brand-color);
}