/**
 * Mastercomps brand overrides for Sneat admin theme.
 * Primary: #6b4fd4 | Subtle: #6b4fd48c (55% opacity)
 */

:root,
[data-bs-theme='light'] {
  --mc-primary: #6b4fd4;
  --mc-primary-soft: #6b4fd48c;
  --mc-primary-rgb: 107, 79, 212;
  --mc-primary-hover: #6046c0;
  --mc-primary-active: #5239a8;
  --mc-primary-emphasis: #3824a8;
  --mc-primary-subtle: #ede8fa;
  --mc-primary-border: #d4c9f5;

  --bs-purple: var(--mc-primary);
  --bs-primary: var(--mc-primary);
  --bs-primary-rgb: var(--mc-primary-rgb);
  --bs-primary-text-emphasis: var(--mc-primary-emphasis);
  --bs-primary-bg-subtle: var(--mc-primary-subtle);
  --bs-primary-border-subtle: var(--mc-primary-border);
  --bs-link-color: var(--mc-primary);
  --bs-link-color-rgb: var(--mc-primary-rgb);
  --bs-link-hover-color: var(--mc-primary-hover);
  --bs-link-hover-color-rgb: 96, 70, 192;
}

[data-bs-theme='dark'] {
  --bs-primary-text-emphasis: #b9a8ef;
  --bs-primary-bg-subtle: #241a4a;
  --bs-primary-border-subtle: #4a3799;
  --bs-link-color: #b9a8ef;
  --bs-link-hover-color: #c9bbf5;
  --bs-link-color-rgb: 185, 168, 239;
  --bs-link-hover-color-rgb: 201, 187, 245;
}

.btn-primary {
  --bs-btn-bg: var(--mc-primary);
  --bs-btn-border-color: var(--mc-primary);
  --bs-btn-hover-bg: var(--mc-primary-hover);
  --bs-btn-hover-border-color: var(--mc-primary-hover);
  --bs-btn-focus-shadow-rgb: var(--mc-primary-rgb);
  --bs-btn-active-bg: var(--mc-primary-active);
  --bs-btn-active-border-color: var(--mc-primary-active);
  --bs-btn-disabled-bg: var(--mc-primary);
  --bs-btn-disabled-border-color: var(--mc-primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--mc-primary);
  --bs-btn-border-color: var(--mc-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--mc-primary);
  --bs-btn-hover-border-color: var(--mc-primary);
  --bs-btn-focus-shadow-rgb: var(--mc-primary-rgb);
  --bs-btn-active-bg: var(--mc-primary);
  --bs-btn-active-border-color: var(--mc-primary);
  --bs-btn-disabled-color: var(--mc-primary);
  --bs-btn-disabled-border-color: var(--mc-primary);
}

.progress {
  --bs-progress-bar-bg: var(--mc-primary);
}

.form-check-input:checked,
.form-check-input[type='checkbox']:indeterminate {
  background-color: var(--mc-primary);
  border-color: var(--mc-primary);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--mc-primary);
  box-shadow: 0 0 0.25rem 0.05rem var(--mc-primary-soft);
}

.page-link.active,
.active > .page-link {
  background-color: var(--mc-primary);
  border-color: var(--mc-primary);
}

.mastercomps-brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.mastercomps-brand__img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 2rem;
  object-fit: contain;
}

.mastercomps-brand--sidebar .mastercomps-brand__img {
  height: 1.75rem;
  max-width: 9.5rem;
}

.mastercomps-brand--auth .mastercomps-brand__img {
  height: 2.5rem;
  max-width: 12rem;
}

.menu .app-brand {
  padding-block: 1.25rem;
}

.menu .app-brand .app-brand-link {
  display: flex;
  align-items: center;
}

.authentication-wrapper .app-brand {
  margin-block-end: 1.5rem;
}

.avatar.avatar-online::after {
  background-color: var(--mc-primary);
}

.badge.bg-label-primary {
  background-color: var(--mc-primary-subtle) !important;
  color: var(--mc-primary-emphasis) !important;
}

.text-primary {
  color: var(--mc-primary) !important;
}

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

.border-primary {
  border-color: var(--mc-primary) !important;
}

.menu-vertical .menu-inner > .menu-item.active > .menu-link:not(.menu-toggle),
.menu-vertical .menu-inner > .menu-item.active.open > .menu-link.menu-toggle {
  color: var(--mc-primary);
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item.active::before {
  background-color: var(--mc-primary);
}