/* AlzBetter brand palette for External site - theming only, no layout */
:root {
  --ab-primary: #6b18a0;     /* Abby purple */
  --ab-secondary: #66b2b2;   /* Teal used in Abby bubbles */
  --ab-accent: #7d2ae8;      /* Hover accent */
}

/* Global Bootstrap overrides to align brand (eliminate default blue) */
.btn-primary,
.dx-button.btn-primary,
.btn.btn-primary {
  background-color: var(--ab-primary) !important;
  border-color: var(--ab-primary) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.dx-button.btn-primary:hover,
.dx-button.btn-primary:focus {
  background-color: var(--ab-accent) !important;
  border-color: var(--ab-accent) !important;
}

.btn-outline-primary,
.dx-button.btn-outline-primary,
.btn.btn-outline-primary {
  color: var(--ab-primary) !important;
  border-color: var(--ab-primary) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--ab-primary) !important;
  border-color: var(--ab-primary) !important;
  color: #fff !important;
}

/* DevExpress Blazor button overrides */
.dxbl-btn.dxbl-btn-primary,
.dxbl-btn-primary {
  background-color: var(--ab-primary) !important;
  border-color: var(--ab-primary) !important;
  color: #fff !important;
}
.dxbl-btn.dxbl-btn-primary:hover,
.dxbl-btn.dxbl-btn-primary:focus {
  background-color: var(--ab-accent) !important;
  border-color: var(--ab-accent) !important;
}
.dxbl-btn.dxbl-btn-outline-primary,
.dxbl-btn.dxbl-btn-outline-secondary {
  color: var(--ab-primary) !important;
  border-color: var(--ab-primary) !important;
}
.dxbl-btn.dxbl-btn-outline-primary:hover,
.dxbl-btn.dxbl-btn-outline-primary:focus,
.dxbl-btn.dxbl-btn-outline-secondary:hover,
.dxbl-btn.dxbl-btn-outline-secondary:focus {
  background-color: var(--ab-primary) !important;
  border-color: var(--ab-primary) !important;
  color: #fff !important;
}

/* DevExpress pager buttons */
.dxbl-pager-page-btn {
  color: var(--ab-primary) !important;
  border-color: var(--ab-primary) !important;
}
.dxbl-pager-page-btn span { color: var(--ab-primary) !important; }
.dxbl-pager-page-btn:hover span,
.dxbl-pager-page-btn:focus span { color: #fff !important; }
.dxbl-pager-active-page-btn {
  background-color: var(--ab-primary) !important;
  border-color: var(--ab-primary) !important;
  color: #fff !important;
}
.dxbl-pager-active-page-btn span { color: #fff !important; }

/* Make secondary buttons also use brand purple to avoid greys */
.btn-secondary,
.dx-button.btn-secondary,
.btn.btn-secondary {
  background-color: var(--ab-primary) !important;
  border-color: var(--ab-primary) !important;
  color: #fff !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: var(--ab-accent) !important;
  border-color: var(--ab-accent) !important;
}

.btn-ab-primary {
  background-color: var(--ab-primary) !important;
  border-color: var(--ab-primary) !important;
  color: #fff !important;
}
.btn-ab-primary:hover,
.btn-ab-primary:focus {
  background-color: var(--ab-accent) !important;
  border-color: var(--ab-accent) !important;
  color: #fff !important;
}

.btn-ab-secondary {
  background-color: var(--ab-secondary) !important;
  border-color: var(--ab-secondary) !important;
  color: #fff !important;
}
.btn-ab-secondary:hover,
.btn-ab-secondary:focus {
  filter: brightness(0.95);
}

/* DevExpress DxButton theming helper classes */
.dx-btn-ab-primary .dx-button {
  background-color: var(--ab-primary) !important;
  border-color: var(--ab-primary) !important;
  color: #fff !important;
}
.dx-btn-ab-secondary .dx-button {
  background-color: var(--ab-primary) !important; /* unify to purple */
  border-color: var(--ab-primary) !important;
  color: #fff !important;
}

/* Bootstrap helpers */
.bg-primary { background-color: var(--ab-primary) !important; }
.text-primary { color: var(--ab-primary) !important; }