/* Admin theme overrides: keep AdminLTE look, but match website brand variables. */

.mz-admin {
  --bs-body-font-family: var(--rr-ff-body);
  --bs-font-sans-serif: var(--rr-ff-body);
  --bs-body-color: var(--rr-text-body);
  --bs-heading-color: var(--rr-heading-primary);

  --bs-primary: var(--rr-theme-primary);
  --bs-link-color: var(--rr-theme-primary);
  --bs-link-hover-color: var(--rr-theme-secondary);

  /* Needed for Bootstrap color utilities */
  --bs-primary-rgb: 255, 61, 0;
}

/* Buttons */
.mz-admin .btn-primary {
  --bs-btn-bg: var(--rr-theme-primary);
  --bs-btn-border-color: var(--rr-theme-primary);
  --bs-btn-hover-bg: var(--rr-theme-secondary);
  --bs-btn-hover-border-color: var(--rr-theme-secondary);
  --bs-btn-active-bg: var(--rr-theme-secondary);
  --bs-btn-active-border-color: var(--rr-theme-secondary);
}

/* Login page background close to website tone */
.mz-admin .login-page {
  background: linear-gradient(
    90deg,
    rgba(255, 61, 0, 0.08) 0.19%,
    rgba(255, 177, 152, 0.08) 49.48%,
    rgba(255, 61, 0, 0.08) 99.8%
  );
}

/* Sidebar */
.mz-admin .app-sidebar {
  background-color: var(--rr-heading-primary);
}

.mz-admin .app-sidebar .sidebar-brand,
.mz-admin .app-sidebar .brand-link {
  color: var(--rr-common-white);
}

.mz-admin .nav-sidebar .nav-link.active,
.mz-admin .nav-sidebar .nav-link:hover {
  background-color: var(--rr-theme-primary);
  color: var(--rr-common-white);
}

.mz-admin .nav-sidebar .nav-link {
  color: rgba(255, 255, 255, 0.85);
}