/* HEI Admin Console branding */

:root {
  --keycloak-admin--brand--Height: 2rem;
  --hei-red: #e3241b;
  --hei-red-hover: #c41f17;
  --hei-nav-bg: #ffffff;
  --hei-nav-border: #e5e7eb;
}

/* White top navbar — dark logo/text for contrast */
.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: var(--hei-nav-bg);
  --pf-v5-c-masthead--m-light--BackgroundColor: var(--hei-nav-bg);
  --pf-v5-c-masthead--m-light-200--BackgroundColor: var(--hei-nav-bg);
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
  color: var(--pf-v5-global--Color--dark-100);
}

.pf-v5-c-masthead .pf-v5-c-toolbar {
  --pf-v5-c-toolbar--BackgroundColor: var(--hei-nav-bg);
}

.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain {
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-global--Color--dark-100);
  --pf-v5-c-button--m-plain--Color--hover: var(--pf-v5-global--Color--dark-200);
  color: var(--pf-v5-global--Color--dark-100);
}

.pf-v5-c-masthead__main::before {
  --pf-v5-c-masthead__main--before--BorderBottom: 1px solid var(--hei-nav-border);
}

img.keycloak__pageheader_brand {
  height: var(--keycloak-admin--brand--Height);
}

.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--hei-red);
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--hei-red-hover);
}

.pf-v5-c-tabs__link.pf-m-current {
  --pf-v5-c-tabs__link--Color: var(--hei-red);
}

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link::after {
  --pf-v5-c-tabs__link--m-current--after--BorderColor: var(--hei-red);
}

.pf-v5-c-nav__link.pf-m-current {
  --pf-v5-c-nav__link--m-current--Color: var(--hei-red);
}

.pf-v5-c-nav__link.pf-m-current::after {
  --pf-v5-c-nav__link--m-current--after--BorderColor: var(--hei-red);
}

/* Keep navbar white even if dark mode is enabled elsewhere */
:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: var(--hei-nav-bg);
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
  color: var(--pf-v5-global--Color--dark-100);
}

:where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar {
  --pf-v5-c-toolbar--BackgroundColor: var(--hei-nav-bg);
}

@media (max-width: 768px) {
  :root {
    --keycloak-admin--brand--Height: 1.75rem;
  }
}