/**
 * GH BundleMall brand overrides on Sneat design tokens.
 */
:root {
  --bs-primary: #0056b3;
  --bs-primary-rgb: 0, 86, 179;
  --color-product-primary: #0056b3;
  --ghbm-brand-primary: #0056b3;
  --ghbm-brand-primary-dark: #003366;
  --ghbm-brand-accent: #ff7e00;
}

.btn-primary,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
  background-color: var(--ghbm-brand-primary) !important;
  border-color: var(--ghbm-brand-primary) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 86, 179, 0.35) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #004494 !important;
  border-color: #004494 !important;
}

.btn-outline-primary {
  color: var(--ghbm-brand-primary) !important;
  border-color: var(--ghbm-brand-primary) !important;
}

.btn-outline-primary:hover {
  background-color: var(--ghbm-brand-primary) !important;
  border-color: var(--ghbm-brand-primary) !important;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--ghbm-brand-primary) !important;
  box-shadow: 0 0 0.25rem 0.05rem rgba(0, 86, 179, 0.12) !important;
}

.form-check-input:checked {
  background-color: var(--ghbm-brand-primary) !important;
  border-color: var(--ghbm-brand-primary) !important;
}

.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle)::before {
  background-color: var(--ghbm-brand-primary) !important;
}

.bg-menu-theme .menu-inner > .menu-item.active:before {
  background: var(--ghbm-brand-primary) !important;
}

.text-primary {
  color: var(--ghbm-brand-primary) !important;
}

.bg-primary {
  background-color: var(--ghbm-brand-primary) !important;
}

.sidebar-user-card {
  border-color: rgba(0, 86, 179, 0.18) !important;
  background:
    linear-gradient(135deg, rgba(0, 86, 179, 0.08), rgba(255, 126, 0, 0.05)),
    #fff !important;
}

.app-brand-text,
.menu-vertical .menu-link:hover,
.menu-vertical .menu-item.active > .menu-link {
  color: inherit;
}
