/* Modern Medical Desktop Theme - New Account Console (Patternfly 4 & 5) */

:root {
  /* Logo */
  --pf-c-page__header-brand-link--BackgroundImage: url('../img/logo.png');
  --pf-v5-c-masthead__brand--BackgroundImage: url('../img/logo.png');
  --pf-c-page__header-brand-link--BackgroundImage-Height: 40px;
  --pf-c-page__header-brand-link--BackgroundImage-Width: auto;
  
  /* Use auto width to respect aspect ratio or specific width if needed */
  /* --pf-c-page__header-brand-link--BackgroundImage-Width: 150px; */

  /* Colors - Light Blue Theme #1395D3 (PF4) */
  --pf-global--primary-color--100: #1395D3; 
  --pf-global--primary-color--200: #0f78ab; 
  --pf-global--link--Color: #1395D3;
  --pf-global--link--Color--hover: #0f78ab;

  /* Colors - Light Blue Theme #1395D3 (PF5) */
  --pf-v5-global--primary-color--100: #1395D3;
  --pf-v5-global--primary-color--200: #0f78ab;
  --pf-v5-global--link--Color: #1395D3;
  --pf-v5-global--link--Color--hover: #0f78ab;

  /* Masthead (Top Dark Blue) */
  --pf-v5-c-masthead--BackgroundColor: #0f2c4a;
  
  /* Account Header PF4 fallback */
  --pf-c-page__header--BackgroundColor: #0f2c4a;
}

/* Ensure the brand link is visible and uses the background image */
.pf-c-page__header-brand-link, .pf-v5-c-masthead__brand {
    background-image: none !important; /* Stop using background-clip logo to avoid duplicating React's img */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    /* let children define the size */
    width: auto;
}

/* Fix Labels text color being white on Light theme */
.pf-v5-c-form__label-text {
    color: #151515 !important;
}
.pf-v5-c-form__label, .pf-v5-c-check__label, .pf-v5-c-radio__label, .pf-c-form__label, .pf-c-form__label-text {
    color: #151515 !important;
}

/* Fix generic text, titles, and data list colors in Account Security / Signing In pages */
.pf-v5-c-title, 
.pf-c-title, 
.pf-v5-c-card__title, 
.pf-v5-c-card__body,
.pf-v5-c-data-list__cell, 
.pf-v5-c-data-list__text, 
.pf-v5-c-description-list__term, 
.pf-v5-c-description-list__description, 
.pf-v5-c-description-list__group,
.pf-v5-c-content,
h1, h2, h3, h4, h5, h6,
p {
    color: #151515 !important;
}

/* Hide default Keycloak logo text/SVG if present */
.pf-c-brand, .pf-v5-c-brand {
    display: none !important;
}

/* Force Sidebar */
.pf-c-page__sidebar, .pf-v5-c-page__sidebar {
    background-color: #0f2c4a !important; /* Dark Blue */
}

.pf-c-nav, .pf-v5-c-nav {
    background-color: #0f2c4a !important;
}

.pf-c-nav__link, .pf-v5-c-nav__link {
    color: #ffffff !important;
}

.pf-c-nav__link.pf-m-current, .pf-v5-c-nav__link.pf-m-current,
.pf-c-nav__link:hover, .pf-v5-c-nav__link:hover {
    background-color: #1395D3 !important; /* Light blue active */
    color: #ffffff !important;
}

.pf-c-nav__link::after, .pf-v5-c-nav__link::after {
    border-color: #ffffff !important;
}

/* Header Bar Color PF4 / PF5 */
.pf-c-page__header, 
.pf-v5-c-masthead,
.pf-v5-c-masthead__main,
.pf-v5-c-masthead__content {
    background-color: #0f2c4a !important; 
    --pf-v5-c-masthead--BackgroundColor: #0f2c4a !important;
}

.pf-c-page__header-tools, .pf-v5-c-masthead__content {
    color: white !important;
}