/* ============================================================================
   CX Identity Manager — Admin Console (keycloak.v2 / PatternFly v5).
   Branded masthead (indigo) + logo + indigo accents + Manrope text.
   Note: Keycloak only lightly supports admin-console theming; this is CSS
   injected over the PatternFly v5 SPA. Icon fonts are intentionally excluded
   from the font override so glyphs keep rendering.
   ============================================================================ */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
    --pf-v5-global--primary-color--100: #6e56cf;
    --pf-v5-global--primary-color--200: #5b46ac;
    --pf-v5-global--active-color--100: #6e56cf;
    --pf-v5-global--link--Color: #6e56cf;
    --pf-v5-global--link--Color--hover: #5b46ac;
    --pf-v5-c-button--m-primary--BackgroundColor: #6e56cf;
    --pf-v5-c-button--m-primary--hover--BackgroundColor: #5b46ac;
    --pf-v5-c-button--m-primary--active--BackgroundColor: #5b46ac;
}

/* ---- Branded masthead (this is the fix: recolor the top bar) ---- */
.pf-v5-c-masthead {
    --pf-v5-c-masthead--BackgroundColor: #5b46ac !important;
    background: linear-gradient(120deg, #4b3a93, #6e56cf) !important;
    color: #fff !important;
    border-bottom: none !important;
}

.pf-v5-c-masthead a,
.pf-v5-c-masthead .pf-v5-c-button,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle,
.pf-v5-c-masthead svg {
    color: #fff !important;
    fill: #fff !important;
}

/* ---- Logo: replace the brand image with the CX lockup ---- */
.pf-v5-c-brand {
    content: url(../img/logo.svg) !important;
    height: 30px !important;
    width: auto !important;
}

.pf-v5-c-masthead__brand {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px;
}

/* ---- Left sidebar nav → deep indigo to match the masthead ---- */
.pf-v5-c-page__sidebar {
    --pf-v5-c-page__sidebar--BackgroundColor: #2a2348 !important;
    background-color: #2a2348 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link {
    color: #cfc8ea !important;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link:hover {
    color: #ffffff !important;
    background-color: rgba(110, 86, 207, 0.22) !important;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-page__sidebar .pf-v5-c-nav__item.pf-m-current>.pf-v5-c-nav__link {
    color: #ffffff !important;
    background-color: rgba(110, 86, 207, 0.32) !important;
    --pf-v5-c-nav__link--active--after--BorderColor: #9580e8 !important;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__section-title {
    color: #8e87b8 !important;
}

/* ---- Manrope on text (icon fonts excluded so pficon glyphs survive) ---- */
body,
.pf-v5-c-page,
.pf-v5-c-page__main,
.pf-v5-c-content,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
label,
span,
li,
td,
th,
button,
input,
select,
textarea,
.pf-v5-c-title,
.pf-v5-c-nav__link,
.pf-v5-c-menu__item-text,
.pf-v5-c-form__label,
.pf-v5-c-tabs__item-text,
.pf-v5-c-card__title {
    font-family: "Manrope", -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

/* Never touch icon fonts. */
.pficon,
[class*="pf-v5-pficon"],
.pf-v5-c-icon,
i[class*="fa"],
svg {
    font-family: inherit !important;
}

/* Selected nav / tabs accent. */
.pf-v5-c-nav__link.pf-m-current {
    border-color: #6e56cf !important;
}

.pf-v5-c-tabs__link.pf-m-current::after {
    --pf-v5-c-tabs__link--after--BorderColor: #6e56cf;
}