/* ============================================================
   Hercules Cloud — Admin console (PatternFly 5 overrides)
   resources/css/admin.css
   ------------------------------------------------------------
   Admin console = PatternFly 5 React app (parent keycloak.v2).
   Re-skin via CSS variables + targeted selectors. Verify exact
   --pf-v5-* token names against your KC build (see HANDOFF.md).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root,
.pf-v5-c-page {
  --pf-v5-global--primary-color--100: #E85412 !important;
  --pf-v5-global--primary-color--200: #cf4810 !important;
  --pf-v5-global--active-color--100: #E85412 !important;
  --pf-v5-global--link--Color: #E85412 !important;
  --pf-v5-global--link--Color--hover: #cf4810 !important;

  --pf-v5-c-button--m-primary--BackgroundColor: #E85412 !important;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #cf4810 !important;
  --pf-v5-c-button--m-primary--active--BackgroundColor: #cf4810 !important;
  --pf-v5-c-button--BorderRadius: 10px !important;

  --pf-v5-global--FontFamily--text: "Manrope", system-ui, sans-serif !important;
  --pf-v5-global--FontFamily--heading: "Chakra Petch", system-ui, sans-serif !important;
}

body, .pf-v5-c-page { font-family: "Manrope", system-ui, sans-serif; }
h1, .pf-v5-c-title { font-family: "Chakra Petch", system-ui, sans-serif !important; }

/* Dark side nav + masthead like the mockup */
.pf-v5-c-masthead {
  background: #14161C !important;
  border-bottom: 1px solid #262A33 !important;
}
.pf-v5-c-page__sidebar .pf-v5-c-nav {
  --pf-v5-c-nav__link--m-current--Color: #F26522;
}

.pf-v5-c-masthead__brand img,
.pf-v5-c-brand img,
img[alt~="Logo"] { height: 30px !important; width: auto !important; }

.pf-v5-c-button.pf-m-primary { background-color: #E85412 !important; border-radius: 10px; }
.pf-v5-c-button.pf-m-primary:hover { background-color: #cf4810 !important; }

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link {
  --pf-v5-c-nav__link--BorderColor: #E85412;
  color: #F26522 !important;
}

*:focus-visible { outline-color: #E85412 !important; }