/* ================================================================
   Oblysk Admin Console Theme
   Keycloak 26 · PatternFly v5
   ================================================================ */

/* ----------------------------------------------------------------
   1. HEADER  – black background, white content
   ---------------------------------------------------------------- */

.pf-v5-c-masthead {
  background-color: #111827 !important;
  border-bottom: 1px solid #1f2937 !important;
}

/* All buttons / toggles inside the header */
.pf-v5-c-masthead .pf-v5-c-button,
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle {
  color: #e5e7eb !important;
}

.pf-v5-c-masthead .pf-v5-c-button:hover,
.pf-v5-c-masthead .pf-v5-c-menu-toggle:hover,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

/* SVG icons in header */
.pf-v5-c-masthead svg,
.pf-v5-c-masthead .pf-v5-c-icon {
  color: #e5e7eb !important;
  fill: currentColor !important;
}

/* Brand logo image → invert black to white */
.pf-v5-c-masthead__brand img,
.pf-v5-c-masthead__main img,
.pf-v5-c-brand img {
  filter: brightness(0) invert(1);
}

/* Realm/environment dropdown text */
.pf-v5-c-masthead .pf-v5-c-menu-toggle__text,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle-text {
  color: #e5e7eb !important;
}

/* kebab / utility buttons */
.pf-v5-c-masthead .pf-v5-c-toolbar__item .pf-v5-c-button {
  color: #e5e7eb !important;
}

/* Hamburger toggle */
.pf-v5-c-masthead__toggle .pf-v5-c-button {
  color: #ffffff !important;
}

/* ----------------------------------------------------------------
   2. SIDEBAR  – white, right divider
   ---------------------------------------------------------------- */

.pf-v5-c-page__sidebar {
  background-color: #ffffff !important;
  border-right: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}

.pf-v5-c-page__sidebar-body {
  background-color: #ffffff !important;
}

/* ----------------------------------------------------------------
   3. NAVIGATION  – light items, blue hover accent
   ---------------------------------------------------------------- */

.pf-v5-c-nav{
  background-color: #111827 !important;
  color:white !important;
}

/* Section titles (group labels) */
.pf-v5-c-nav__section-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* Every nav link – reset to light defaults */
.pf-v5-c-nav__link {
  color: #374151 !important;
  background-color: transparent !important;
  border-left: 3px solid transparent !important;
  padding-left: 13px !important; /* 16px - 3px border = visual alignment */
  transition: background-color 0.12s ease, border-left-color 0.12s ease,
    color 0.12s ease !important;
}

/* Remove PatternFly's own ::before highlight bar so ours takes over */
.pf-v5-c-nav__link::before {
  display: none !important;
}

/* Hover */
.pf-v5-c-nav__link:hover {
  background-color: #25324e !important;
  border-left-color: #93c5fd !important;
  color: white !important;
}

/* Active / current page */
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link[aria-current],
.pf-v5-c-nav__link[aria-current="page"] {
  background-color: #eff6ff !important;
  border-left-color: #2563eb !important;
  color: #1d4ed8 !important;
  font-weight: 600 !important;
}

/* Sub-navigation (nested items) */
.pf-v5-c-nav__subnav {
  background-color: #f9fafb !important;
  border-left: none !important;
}

.pf-v5-c-nav__subnav .pf-v5-c-nav__link {
  font-size: 13px !important;
  padding-left: 30px !important; /* indent nested */
}

.pf-v5-c-nav__subnav .pf-v5-c-nav__link:hover {
  background-color: #f3f4f6 !important;
  border-left-color: #93c5fd !important;
}

.pf-v5-c-nav__subnav .pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__subnav .pf-v5-c-nav__link[aria-current] {
  background-color: #eff6ff !important;
  border-left-color: #2563eb !important;
  color: #1d4ed8 !important;
}

/* Nav separator line */
.pf-v5-c-nav__separator hr,
.pf-v5-c-nav .pf-v5-c-divider {
  border-color: #e5e7eb !important;
}

/* ----------------------------------------------------------------
   4. PAGE BACKGROUND
   ---------------------------------------------------------------- */

.pf-v5-c-page {
  background-color: #f9fafb !important;
}

.pf-v5-c-page__main-section {
  background-color: #f9fafb !important;
}

/* ----------------------------------------------------------------
   5. DARK MODE OVERRIDES
   Prevent pf-v5-theme-dark from inverting sidebar/nav
   ---------------------------------------------------------------- */

.pf-v5-theme-dark .pf-v5-c-page__sidebar,
.pf-v5-theme-dark .pf-v5-c-page__sidebar-body {
  background-color: #ffffff !important;
  border-right: 1px solid #e5e7eb !important;
}

.pf-v5-theme-dark .pf-v5-c-nav,
.pf-v5-theme-dark .pf-v5-c-nav__list {
  background-color: #ffffff !important;
}

.pf-v5-theme-dark .pf-v5-c-nav__link {
  color: #374151 !important;
}

.pf-v5-theme-dark .pf-v5-c-nav__link:hover {
  background-color: #f3f4f6 !important;
  border-left-color: #93c5fd !important;
  color: #111827 !important;
}

.pf-v5-theme-dark .pf-v5-c-nav__link.pf-m-current,
.pf-v5-theme-dark .pf-v5-c-nav__link[aria-current] {
  background-color: #eff6ff !important;
  border-left-color: #2563eb !important;
  color: #1d4ed8 !important;
}

.pf-v5-theme-dark .pf-v5-c-masthead {
  background-color: #111827 !important;
}