/* ============================================================
   Genero Enterprise — Keycloak Account Console Theme
   Parent: keycloak.v3 (PatternFly 5, Keycloak 26+)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Typography */
:root {
    --pf-v5-global--FontFamily--text:    'Noto Sans', sans-serif;
    --pf-v5-global--FontFamily--heading: 'Noto Sans', sans-serif;
    --pf-v5-global--primary-color--100:  #1C5EFE;
    --pf-v5-global--primary-color--200:  #123284;
    --pf-v5-global--link--Color:         #1C5EFE;
    --pf-v5-global--link--Color--hover:  #123284;
}

body,
.pf-v5-c-nav__link,
.pf-v5-c-button,
.pf-v5-c-form-control,
h1, h2, h3, h4 {
    font-family: 'Noto Sans', sans-serif;
}

/* ---- Masthead (top bar) ---- */
.pf-v5-c-masthead {
    --pf-v5-c-masthead--BackgroundColor: #081C4C;
}

/* Logo sizing in masthead */
.pf-v5-c-masthead img {
    height: 36px;
    width: auto;
}

/* ---- Sidebar ---- */
.pf-v5-c-page__sidebar {
    --pf-v5-c-page__sidebar--BackgroundColor: #051130;
}

/* ---- Sidebar nav links ---- */
.pf-v5-c-nav {
    --pf-v5-c-nav__link--Color:                    #e0e0e0;
    --pf-v5-c-nav__link--hover--Color:             #ffffff;
    --pf-v5-c-nav__link--focus--Color:             #ffffff;
    --pf-v5-c-nav__link--active--Color:            #ffffff;
    --pf-v5-c-nav__link--m-current--Color:         #ffffff;

    --pf-v5-c-nav__link--hover--BackgroundColor:   #0a1e4a;
    --pf-v5-c-nav__link--focus--BackgroundColor:   #0a1e4a;
    --pf-v5-c-nav__link--active--BackgroundColor:  #0a1e4a;

    --pf-v5-c-nav__link--after--BorderColor:            #1C5EFE;
    --pf-v5-c-nav__link--hover--after--BorderColor:     #1C5EFE;
    --pf-v5-c-nav__link--m-current--after--BorderColor: #1C5EFE;
}

/* Active (current) nav item highlight */
.pf-v5-c-nav__item--m-current .pf-v5-c-nav__link,
.pf-v5-c-nav__link.pf-m-current {
    background-color: transparent;
    color: #ffffff;
    border-left: 3px solid #1C5EFE;
}

/* ---- Primary button ---- */
.pf-v5-c-button.pf-m-primary {
    background-color: #1C5EFE;
    border-color:     #1C5EFE;
    color:            #ffffff;
}
.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus {
    background-color: #123284;
    border-color:     #123284;
}
.pf-v5-c-button.pf-m-primary:active {
    background-color: #0d255f;
}

/* ---- Links ---- */
a { color: #1C5EFE; }
a:hover, a:focus { color: #123284; }