/* Health Response Hub - brand override for Ushahidi v4 client.
   Loaded after Ushahidi's vendor + app CSS so selectors win on specificity ties.
   Keeps map plumbing untouched; recolors chrome only. */

:root {
  --hra-navy: #291C56;
  --hra-purple: #4B2E83;
  --hra-purple-dark: #3a2268;
  --hra-purple-light: #6b4ca3;
  --hra-lavender: #c9b8ec;
  --hra-lavender-bg: #f8f5ff;
}

/* Top toolbar / global nav */
.toolbar, .site-toolbar, .global-nav, .navigation-main, .navigation-sub,
nav.toolbar, [class*="toolbar--"], [class*="header--"] {
  background-color: var(--hra-navy) !important;
  border-color: var(--hra-purple-dark) !important;
}

/* Primary buttons */
.button-primary, .btn-primary, .button--primary,
button.button-primary, a.button-primary,
.btn--primary, [class*="button--primary"] {
  background-color: var(--hra-purple) !important;
  border-color: var(--hra-purple) !important;
  color: #fff !important;
}
.button-primary:hover, .btn-primary:hover, .button--primary:hover,
button.button-primary:hover, a.button-primary:hover {
  background-color: var(--hra-purple-dark) !important;
  border-color: var(--hra-purple-dark) !important;
}

/* Tabs / pills / active states */
.is-active, .active, .selected,
[class*="--active"], [class*="is-active"] {
  border-color: var(--hra-purple) !important;
}

/* Links */
a, .link, [class*="link--"] { color: var(--hra-purple); }
a:hover { color: var(--hra-purple-dark); }

/* Form focus */
input:focus, select:focus, textarea:focus,
.form-control:focus, [class*="form__input"]:focus {
  border-color: var(--hra-purple) !important;
  box-shadow: 0 0 0 2px rgba(75,46,131,0.15) !important;
  outline: 0 !important;
}

/* Page surface tint accents */
.surface-tint, [class*="--tint"], .badge, .chip {
  background-color: var(--hra-lavender-bg);
  color: var(--hra-purple);
}

/* Hide Ushahidi's own brand mark in the toolbar (we use our wrapper logo at /hub) */
.site-logo .ushahidi-logo, .ushahidi-logo--default { display: none !important; }

/* Loading dots */
#bootstrap-loading .line { background: var(--hra-purple) !important; }
.loading .line { background: var(--hra-purple) !important; }