/* ==========================================================================
   Keycloak 26+ Account Console (v3 / PatternFly v5) – Grafcan theme
   Solo: logo (sitcan.png) + fuente (League Spartan)
   ========================================================================== */

/* ---- Font --------------------------------------------------------------- */
/* ---- Logo en masthead (el <img alt="Logo"> real de Account v3) ---------- */
/* Tu DOM: <a class="pf-v5-c-masthead__brand"><img alt="Logo" ...></a> */
/* ==========================================================================
   Keycloak 26+ Account Console (v3 / PatternFly v5) – Grafcan theme
   Solo: logo (sitcan.png) + fuente (League Spartan)
   ========================================================================== */

/* ---- Font --------------------------------------------------------------- */
@font-face {
  font-family: "League Spartan";
  src: url("../fonts/LeagueSpartan-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ---- Fuente global (PatternFly + base) ---------------------------------- */
:root {
  font-family: "League Spartan", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14px;

  /* PatternFly tokens (para que lo pille la UI v3) */
  --pf-v5-global--FontFamily--sans-serif: "League Spartan", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --pf-v5-global--FontFamily--heading--sans-serif: "League Spartan", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --pf-v5-global--FontSize--md: 14px;
}

body {
  font-family: "League Spartan", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14px;
}

/* Evita tocar icons/svg: aplica a texto y controles comunes */
body,
p, span, div, label,
input, select, textarea, button, a,
li, td, th, small,
h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
}

/* ---- Logo en masthead (el <img alt="Logo"> real de Account v3) ---------- */
/* Tu DOM: <a class="pf-v5-c-masthead__brand"><img alt="Logo" ...></a> */
.pf-v5-c-masthead__brand > img[alt="Logo"] {
  content: url("../img/sitcan.png");
  height: 40px;
  width: auto;
}

.pf-v5-c-toolbar__item.pf-m-overflow-menu.pf-m-align-right.pf-v5-u-m-0-on-lg {
  display: none !important;
}