/* Konzole účtu Nippler (keycloak.v3 / PatternFly 5): písmo Geist (self-host), barvy a zaoblení z maket. */
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('../fonts/geist-latin-ext-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
    U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('../fonts/geist-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --nippler-bg: #f8f7f4;
  --nippler-ink: #111214;
  --nippler-ink-hover: #2a2b2e;
  --nippler-muted: #61615c;
  --nippler-line: #deddd7;
  --nippler-border: #8a8983;
  --nippler-hover: #efeee9;

  --pf-v5-global--FontFamily--text: 'Geist Variable', ui-sans-serif, system-ui, sans-serif;
  --pf-v5-global--FontFamily--heading: 'Geist Variable', ui-sans-serif, system-ui, sans-serif;
  --pf-v5-global--primary-color--100: var(--nippler-ink);
  --pf-v5-global--primary-color--200: var(--nippler-ink-hover);
  --pf-v5-global--active-color--100: var(--nippler-ink);
  --pf-v5-global--link--Color: var(--nippler-ink);
  --pf-v5-global--link--Color--hover: var(--nippler-ink-hover);
  --pf-v5-global--BorderRadius--sm: 10px;
  --pf-v5-global--BackgroundColor--100: #fff;
  --pf-v5-global--BackgroundColor--200: var(--nippler-bg);
  --pf-v5-global--BorderColor--100: var(--nippler-line);
  --pf-v5-global--Color--100: var(--nippler-ink);
  --pf-v5-global--Color--200: var(--nippler-muted);
}

body,
.keycloak__loading-container {
  font-family: var(--pf-v5-global--FontFamily--text);
  background-color: var(--nippler-bg);
  color: var(--nippler-ink);
}

/* PatternFly 5 v Keycloaku má tmavé záhlaví a postranní menu; Nippler je světlý (logo je tmavé na světlém). */
.pf-v5-c-page {
  --pf-v5-c-page--BackgroundColor: var(--nippler-bg);
}

.pf-v5-c-page__main-section,
.pf-v5-c-page__main-section.pf-m-light {
  --pf-v5-c-page__main-section--BackgroundColor: var(--nippler-bg);
  background-color: var(--nippler-bg);
}

.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #fff;
  background-color: #fff;
  color: var(--nippler-ink);
  border-bottom: 1px solid var(--nippler-line);
}

.pf-v5-c-masthead .pf-v5-c-button,
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-v5-c-masthead .pf-v5-c-menu-toggle__text,
.pf-v5-c-masthead .pf-v5-c-menu-toggle__toggle-icon {
  color: var(--nippler-ink);
  --pf-v5-c-button--m-plain--Color: var(--nippler-ink);
  --pf-v5-c-button--m-plain--hover--Color: var(--nippler-ink);
  --pf-v5-c-menu-toggle--Color: var(--nippler-ink);
  --pf-v5-c-menu-toggle--hover--Color: var(--nippler-ink);
  --pf-v5-c-menu-toggle--expanded--Color: var(--nippler-ink);
  --pf-v5-c-menu-toggle--BackgroundColor: transparent;
}

.pf-v5-c-menu-toggle::before {
  border-color: var(--nippler-line);
}

.pf-v5-c-page__sidebar {
  --pf-v5-c-page__sidebar--BackgroundColor: #fff;
  background-color: #fff;
  color: var(--nippler-ink);
  border-right: 1px solid var(--nippler-line);
}

.pf-v5-c-nav {
  --pf-v5-c-nav__link--Color: var(--nippler-muted);
  --pf-v5-c-nav__link--hover--Color: var(--nippler-ink);
  --pf-v5-c-nav__link--m-current--Color: var(--nippler-ink);
  --pf-v5-c-nav__link--hover--BackgroundColor: var(--nippler-hover);
  --pf-v5-c-nav__link--m-current--BackgroundColor: var(--nippler-hover);
  --pf-v5-c-nav__link--active--BackgroundColor: var(--nippler-hover);
  --pf-v5-c-nav__link--focus--BackgroundColor: var(--nippler-hover);
  --pf-v5-c-nav__link--active--Color: var(--nippler-ink);
  --pf-v5-c-nav__link--focus--Color: var(--nippler-ink);
  --pf-v5-c-nav__item--before--BorderColor: var(--nippler-line);
  --pf-v5-c-nav__section--m-expandable--before--BorderColor: var(--nippler-line);
  color: var(--nippler-ink);
}

.pf-v5-c-nav__link {
  color: var(--nippler-muted);
  background-image: none;
}

.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link.pf-m-current {
  color: var(--nippler-ink);
  background-color: var(--nippler-hover);
  background-image: none;
}

.pf-v5-c-nav__link::before,
.pf-v5-c-nav__link::after {
  border-color: var(--nippler-line);
}

/* Logo v záhlaví: originál Nippler (viewBox 886×232), ne obrázek Keycloaku. */
.pf-v5-c-masthead__brand img,
.pf-v5-c-brand {
  height: 28px;
  width: auto;
}

.pf-v5-c-button {
  border-radius: 10px;
}

.pf-v5-c-form-control,
.pf-v5-c-form-control > :is(input, select, textarea) {
  border-radius: 10px;
}

.pf-v5-c-card {
  border-radius: 10px;
}

.pf-v5-c-nav__link.pf-m-current::after {
  border-color: var(--nippler-ink);
}