/* Custom CSS for Keycloak Account Console */
@font-face {
  font-family: 'Stickczyk Rund';
  src: url('../fonts/stickczykrund-a-webfont.woff2') format('woff2'),
       url('../fonts/StickczykRund-B.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Klavika';
  src: url('../fonts/Klavika-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Klavika';
  src: url('../fonts/Klavika-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Klavika';
  src: url('../fonts/Klavika-Italic.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

:root, .pf-v5-theme-dark, .pf-theme-dark {
  /* Base colors from landing page */
  --page-bg: #E7E5E0;
  --surface: #F7F5EF;
  --surface-soft: #F2F0EA;
  --text: #303234;
  --text-muted: #5F6264;
  --line: #B8B5AD;
  
  /* Primary buttons / active states using Schulchat and Dateien colors */
  --primary-accent: #639C93;
  --primary-accent-hover: #52827a;
  
  /* Map to PatternFly variables (v4 and v5) */
  --pf-global--FontFamily--sans-serif: 'Klavika', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  --pf-global--FontFamily--heading: 'Stickczyk Rund', sans-serif !important;
  --pf-v5-global--FontFamily--sans-serif: 'Klavika', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  --pf-v5-global--FontFamily--heading: 'Stickczyk Rund', sans-serif !important;
  
  --pf-global--BackgroundColor--100: var(--surface) !important;
  --pf-global--BackgroundColor--150: var(--surface-soft) !important;
  --pf-global--BackgroundColor--200: var(--page-bg) !important;
  --pf-global--BackgroundColor--light-100: var(--surface) !important;
  --pf-global--BackgroundColor--light-200: var(--surface-soft) !important;
  --pf-global--BackgroundColor--light-300: var(--page-bg) !important;
  
  --pf-v5-global--BackgroundColor--100: var(--surface) !important;
  --pf-v5-global--BackgroundColor--150: var(--surface-soft) !important;
  --pf-v5-global--BackgroundColor--200: var(--page-bg) !important;
  --pf-v5-global--BackgroundColor--light-100: var(--surface) !important;
  --pf-v5-global--BackgroundColor--light-200: var(--surface-soft) !important;
  --pf-v5-global--BackgroundColor--light-300: var(--page-bg) !important;

  /* Force dark backgrounds to also resolve to our light colors */
  --pf-global--BackgroundColor--dark-100: var(--surface) !important;
  --pf-global--BackgroundColor--dark-200: var(--surface-soft) !important;
  --pf-global--BackgroundColor--dark-300: var(--page-bg) !important;
  --pf-v5-global--BackgroundColor--dark-100: var(--surface) !important;
  --pf-v5-global--BackgroundColor--dark-200: var(--surface-soft) !important;
  --pf-v5-global--BackgroundColor--dark-300: var(--page-bg) !important;
  
  --pf-global--Color--100: var(--text) !important;
  --pf-global--Color--200: var(--text-muted) !important;
  --pf-global--Color--dark-100: var(--text) !important;
  --pf-global--Color--dark-200: var(--text-muted) !important;
  
  --pf-v5-global--Color--100: var(--text) !important;
  --pf-v5-global--Color--200: var(--text-muted) !important;
  --pf-v5-global--Color--dark-100: var(--text) !important;
  --pf-v5-global--Color--dark-200: var(--text-muted) !important;
  
  --pf-global--primary-color--100: var(--primary-accent) !important;
  --pf-global--primary-color--200: var(--primary-accent-hover) !important;
  --pf-global--link--Color: var(--primary-accent) !important;
  --pf-global--link--Color--hover: var(--primary-accent-hover) !important;
  
  --pf-v5-global--primary-color--100: var(--primary-accent) !important;
  --pf-v5-global--primary-color--200: var(--primary-accent-hover) !important;
  --pf-v5-global--link--Color: var(--primary-accent) !important;
  --pf-v5-global--link--Color--hover: var(--primary-accent-hover) !important;
  
  --pf-global--BorderColor--100: var(--line) !important;
  --pf-v5-global--BorderColor--100: var(--line) !important;
}

/* Ensure global typography is applied */
body, html, #app, #root {
  font-family: 'Klavika', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  background-color: var(--page-bg) !important;
  color: var(--text) !important;
}

h1, h2, h3, h4, h5, h6, .pf-c-title, .pf-v5-c-title {
  font-family: 'Stickczyk Rund', sans-serif !important;
  font-weight: normal !important;
  color: var(--text) !important;
}

/* Custom top header to match Waldorf design */
.pf-c-page__header, .pf-v5-c-page__header,
.pf-c-masthead, .pf-v5-c-masthead {
  --pf-c-masthead--BackgroundColor: #ffffff !important;
  --pf-v5-c-masthead--BackgroundColor: #ffffff !important;
  --pf-c-page__header--BackgroundColor: #ffffff !important;
  --pf-v5-c-page__header--BackgroundColor: #ffffff !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--line) !important;
  height: 72px !important;
  padding: 0 clamp(16px, 4vw, 32px) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.pf-c-masthead__main, .pf-v5-c-masthead__main {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
}

.pf-c-masthead__content, .pf-v5-c-masthead__content {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-grow: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
  gap: 16px !important;
}

/* Toolbar inside the masthead content */
.pf-c-masthead .pf-c-toolbar,
.pf-v5-c-masthead .pf-v5-c-toolbar {
  --pf-c-toolbar--BackgroundColor: transparent !important;
  --pf-v5-c-toolbar--BackgroundColor: transparent !important;
  background-color: transparent !important;
  background: transparent !important;
  padding: 0 !important;
}

.pf-c-masthead .pf-c-toolbar__content,
.pf-v5-c-masthead .pf-v5-c-toolbar__content,
.pf-c-masthead .pf-c-toolbar__content-section,
.pf-v5-c-masthead .pf-v5-c-toolbar__content-section {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 16px !important;
  width: auto !important;
}

/* Ensure masthead text colors */
.pf-c-masthead, .pf-v5-c-masthead {
  --pf-c-masthead__brand--Color: var(--text) !important;
  --pf-v5-c-masthead__brand--Color: var(--text) !important;
  --pf-c-masthead__content--Color: var(--text) !important;
  --pf-v5-c-masthead__content--Color: var(--text) !important;
  --pf-c-masthead__toggle--Color: var(--text) !important;
  --pf-v5-c-masthead__toggle--Color: var(--text) !important;
}

/* Dropdown and options-menu toggles inside the masthead */
.pf-c-masthead .pf-c-dropdown__toggle,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle,
.pf-c-masthead .pf-c-options-menu__toggle,
.pf-v5-c-masthead .pf-v5-c-options-menu__toggle,
.pf-c-masthead .pf-c-select__toggle,
.pf-v5-c-masthead .pf-v5-c-select__toggle {
  --pf-c-dropdown__toggle--BackgroundColor: #ffffff !important;
  --pf-v5-c-dropdown__toggle--BackgroundColor: #ffffff !important;
  --pf-c-dropdown__toggle--Color: var(--text) !important;
  --pf-v5-c-dropdown__toggle--Color: var(--text) !important;
  --pf-c-options-menu__toggle--BackgroundColor: #ffffff !important;
  --pf-v5-c-options-menu__toggle--BackgroundColor: #ffffff !important;
  --pf-c-options-menu__toggle--Color: var(--text) !important;
  --pf-v5-c-options-menu__toggle--Color: var(--text) !important;

  background-color: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: 4px !important;
  color: var(--text) !important;
  padding: 6px 16px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  font-family: 'Klavika', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.pf-c-masthead .pf-c-dropdown__toggle:hover,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle:hover,
.pf-c-masthead .pf-c-options-menu__toggle:hover,
.pf-v5-c-masthead .pf-v5-c-options-menu__toggle:hover,
.pf-c-masthead .pf-c-select__toggle:hover,
.pf-v5-c-masthead .pf-v5-c-select__toggle:hover {
  background-color: var(--surface-soft) !important;
  border-color: var(--line) !important;
  color: var(--primary-accent) !important;
}

.pf-c-masthead .pf-c-dropdown__toggle:focus,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle:focus,
.pf-c-masthead .pf-c-options-menu__toggle:focus,
.pf-v5-c-masthead .pf-v5-c-options-menu__toggle:focus,
.pf-c-masthead .pf-c-dropdown__toggle.pf-m-focus,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle.pf-m-focus {
  border-color: var(--primary-accent) !important;
  box-shadow: 0 0 0 2px rgba(99, 156, 147, 0.2) !important;
}

.pf-c-masthead .pf-c-dropdown__toggle *,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle * {
  color: inherit !important;
}

/* Force dropdowns, selects and menus to have light backgrounds and dark text */
.pf-c-dropdown__menu, .pf-v5-c-dropdown__menu,
.pf-c-menu, .pf-v5-c-menu,
.pf-c-dropdown__menu-item, .pf-v5-c-dropdown__menu-item,
.pf-c-menu__item, .pf-v5-c-menu__item,
.pf-c-menu__list-item, .pf-v5-c-menu__list-item,
.pf-c-menu__list, .pf-v5-c-menu__list,
.pf-c-options-menu__menu, .pf-v5-c-options-menu__menu,
.pf-c-options-menu__menu-item, .pf-v5-c-options-menu__menu-item,
.pf-c-select__menu, .pf-v5-c-select__menu,
.pf-c-select__menu-item, .pf-v5-c-select__menu-item {
  background-color: var(--surface) !important;
  background: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

/* Ensure text inside dropdown menus is dark */
.pf-c-dropdown__menu *, .pf-v5-c-dropdown__menu *,
.pf-c-menu *, .pf-v5-c-menu *,
.pf-c-options-menu__menu *, .pf-v5-c-options-menu__menu *,
.pf-c-select__menu *, .pf-v5-c-select__menu * {
  color: var(--text) !important;
}

/* Dropdown / menu item hover effects */
.pf-c-dropdown__menu-item:hover, .pf-v5-c-dropdown__menu-item:hover,
.pf-c-menu__item:hover, .pf-v5-c-menu__item:hover,
.pf-c-menu__list-item:hover, .pf-v5-c-menu__list-item:hover,
.pf-c-options-menu__menu-item:hover, .pf-v5-c-options-menu__menu-item:hover,
.pf-c-select__menu-item:hover, .pf-v5-c-select__menu-item:hover {
  background-color: var(--surface-soft) !important;
  color: var(--primary-accent) !important;
}

/* Language / dropdown group titles (e.g. "Wählen Sie eine Sprache") */
.pf-c-dropdown__group-title,
.pf-v5-c-dropdown__group-title,
.pf-c-menu__group-title,
.pf-v5-c-menu__group-title,
.pf-c-dropdown__menu-group-title,
.pf-v5-c-dropdown__menu-group-title {
  color: var(--text-muted) !important;
  background-color: transparent !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 8px 16px 4px !important;
  margin: 0 !important;
}

/* Utility section placement */
.pf-c-masthead__content-utility, .pf-v5-c-masthead__content-utility {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-left: auto !important; /* Force to right side */
}

/* Responsiveness for small screens */
@media (max-width: 768px) {
  .pf-c-masthead, .pf-v5-c-masthead {
    height: auto !important;
    min-height: 70px !important;
    padding: 12px 16px !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  
  .pf-c-masthead__content, .pf-v5-c-masthead__content {
    justify-content: flex-start !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .pf-c-masthead .pf-c-toolbar__content,
  .pf-v5-c-masthead .pf-v5-c-toolbar__content,
  .pf-c-masthead .pf-c-toolbar__content-section,
  .pf-v5-c-masthead .pf-v5-c-toolbar__content-section {
    justify-content: flex-start !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .pf-c-masthead__content-utility, .pf-v5-c-masthead__content-utility {
    margin-left: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

/* Left navigation sidebar panel */
.pf-c-page__sidebar, .pf-v5-c-page__sidebar {
  background-color: var(--surface-soft) !important;
  border-right: 1px solid var(--line) !important;
}

.pf-c-nav__list, .pf-c-nav__item, .pf-c-nav__link,
.pf-v5-c-nav__list, .pf-v5-c-nav__item, .pf-v5-c-nav__link {
  background-color: transparent !important;
  font-family: 'Klavika', sans-serif !important;
}

.pf-c-nav__link, .pf-v5-c-nav__link {
  color: var(--text) !important;
}

.pf-c-nav__link:hover, .pf-c-nav__link.pf-m-current,
.pf-v5-c-nav__link:hover, .pf-v5-c-nav__link.pf-m-current {
  color: var(--primary-accent) !important;
  background-color: rgba(99, 156, 147, 0.08) !important;
}

/* Content cards / panels */
.pf-c-card, .pf-v5-c-card {
  background-color: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: 0px !important; /* Waldorf design has sharp rectangular corners */
  box-shadow: none !important;
}

/* Form controls */
.pf-c-form-control, .pf-v5-c-form-control,
input[type="text"], input[type="email"], input[type="password"], select, textarea {
  border-radius: 0px !important;
  border: 1px solid var(--line) !important;
  background-color: #ffffff !important;
  color: var(--text) !important;
}

.pf-c-form-control:disabled, .pf-v5-c-form-control:disabled,
.pf-c-form-control[disabled], .pf-v5-c-form-control[disabled],
.pf-c-form-control[readonly], .pf-v5-c-form-control[readonly],
.pf-c-form-control.pf-m-disabled, .pf-v5-c-form-control.pf-m-disabled,
.pf-c-form-control.pf-m-readonly, .pf-v5-c-form-control.pf-m-readonly,
input[disabled], input[readonly], select[disabled], textarea[disabled] {
  background-color: var(--surface-soft) !important;
  color: var(--text-muted) !important;
}

.pf-c-form-control:focus, .pf-v5-c-form-control:focus {
  border-color: var(--primary-accent) !important;
  --pf-c-form-control--Focus--border-color: var(--primary-accent) !important;
  --pf-v5-c-form-control--Focus--border-color: var(--primary-accent) !important;
}

/* Custom buttons */
.pf-c-button.pf-m-primary, .pf-v5-c-button.pf-m-primary {
  background-color: var(--primary-accent) !important;
  border: 1px solid var(--primary-accent) !important;
  border-radius: 0px !important;
  font-family: 'Klavika', sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.pf-c-button.pf-m-primary:hover, .pf-v5-c-button.pf-m-primary:hover {
  background-color: var(--primary-accent-hover) !important;
  border-color: var(--primary-accent-hover) !important;
}

.pf-c-button.pf-m-secondary, .pf-c-button.pf-m-link,
.pf-v5-c-button.pf-m-secondary, .pf-v5-c-button.pf-m-link {
  border-radius: 0px !important;
  font-family: 'Klavika', sans-serif !important;
  color: var(--primary-accent) !important;
}

.pf-c-button.pf-m-secondary:hover,
.pf-v5-c-button.pf-m-secondary:hover {
  color: var(--primary-accent-hover) !important;
}

/* Replace brand logo in the upper left header */
.pf-c-brand, .pf-v5-c-brand {
  content: url('../img/school-logo.png') !important;
  max-height: 40px !important;
  object-fit: contain !important;
}

/* Force data list items, cells and details (like "My password") to have high contrast */
.pf-c-data-list, .pf-v5-c-data-list {
  --pf-global--Color--100: var(--text) !important;
  --pf-global--Color--200: var(--text-muted) !important;
  --pf-v5-global--Color--100: var(--text) !important;
  --pf-v5-global--Color--200: var(--text-muted) !important;
  color: var(--text) !important;
}

.pf-c-data-list__cell, .pf-v5-c-data-list__cell,
.pf-c-data-list__text, .pf-v5-c-data-list__text,
.pf-c-data-list__cell *, .pf-v5-c-data-list__cell * {
  color: var(--text) !important;
}

/* Modals and backdrop */
.pf-c-modal-box, .pf-v5-c-modal-box {
  background-color: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,0.15) !important;
}
.pf-c-modal-box *, .pf-v5-c-modal-box * {
  color: var(--text) !important;
}

/* Helper text and descriptions */
.pf-c-helper-text, .pf-v5-c-helper-text,
.pf-c-form__helper-text, .pf-v5-c-form__helper-text,
.pf-c-form__description, .pf-v5-c-form__description {
  color: var(--text-muted) !important;
}

/* Alerts and inline messages consistent with login theme */
.pf-c-alert, .pf-v5-c-alert {
  border-radius: 0px !important;
  border: 1px solid var(--line) !important;
}
.pf-c-alert *, .pf-v5-c-alert * {
  color: var(--text) !important;
}
/* Success Alert */
.pf-c-alert.pf-m-success, .pf-v5-c-alert.pf-m-success {
  background-color: #eff3e9 !important;
  border-color: #79985f !important;
}
/* Danger/Error Alert */
.pf-c-alert.pf-m-danger, .pf-v5-c-alert.pf-m-danger {
  background-color: #f7ece8 !important;
  border-color: #ca755e !important;
}
/* Warning Alert */
.pf-c-alert.pf-m-warning, .pf-v5-c-alert.pf-m-warning {
  background-color: #fbf5e3 !important;
  border-color: #d7aa2f !important;
}
/* Info Alert */
.pf-c-alert.pf-m-info, .pf-v5-c-alert.pf-m-info {
  background-color: #f7f5ef !important;
  border-color: var(--line) !important;
}

/* Account Console form language selector fix */
.pf-c-page__main select,
.pf-c-page__main .pf-v5-c-select__toggle,
.pf-c-page__main .pf-c-select__toggle,
.pf-v5-c-page__main select,
.pf-v5-c-page__main .pf-v5-c-select__toggle,
.pf-v5-c-page__main .pf-c-select__toggle,
button[id="attributes.locale"] {
  background-color: #ffffff !important;
  color: #2b2b2b !important;
  border: 1px solid #bdb8ae !important;
  border-radius: 0px !important; /* Flat design consistent with other form controls */
}

.pf-c-page__main .pf-v5-c-select__toggle-text,
.pf-c-page__main .pf-c-select__toggle-text,
.pf-v5-c-page__main .pf-v5-c-select__toggle-text,
.pf-v5-c-page__main .pf-c-select__toggle-text,
button[id="attributes.locale"] .pf-v5-c-menu-toggle__text,
button[id="attributes.locale"] .pf-c-menu-toggle__text {
  color: #2b2b2b !important;
}

.pf-c-page__main .pf-v5-c-select__toggle-arrow,
.pf-c-page__main .pf-c-select__toggle-arrow,
.pf-c-page__main .pf-v5-c-dropdown__toggle-icon,
.pf-c-page__main .pf-c-dropdown__toggle-icon,
.pf-v5-c-page__main .pf-v5-c-select__toggle-arrow,
.pf-v5-c-page__main .pf-c-select__toggle-arrow,
.pf-v5-c-page__main .pf-v5-c-dropdown__toggle-icon,
.pf-v5-c-page__main .pf-c-dropdown__toggle-icon,
button[id="attributes.locale"] .pf-v5-c-menu-toggle__controls,
button[id="attributes.locale"] .pf-v5-c-menu-toggle__toggle-icon,
button[id="attributes.locale"] .pf-c-menu-toggle__controls,
button[id="attributes.locale"] .pf-c-menu-toggle__toggle-icon {
  color: #2b2b2b !important;
}

button[id="attributes.locale"] .pf-v5-c-menu-toggle__controls *,
button[id="attributes.locale"] .pf-c-menu-toggle__controls * {
  color: inherit !important;
  fill: currentColor !important;
}

.pf-c-page__main .pf-v5-c-select__toggle:hover,
.pf-c-page__main .pf-v5-c-select__toggle:focus,
.pf-c-page__main .pf-v5-c-select__toggle.pf-m-expanded,
.pf-c-page__main .pf-c-select__toggle:hover,
.pf-c-page__main .pf-c-select__toggle:focus,
.pf-c-page__main .pf-c-select__toggle.pf-m-expanded,
.pf-v5-c-page__main .pf-v5-c-select__toggle:hover,
.pf-v5-c-page__main .pf-v5-c-select__toggle:focus,
.pf-v5-c-page__main .pf-v5-c-select__toggle.pf-m-expanded,
.pf-v5-c-page__main .pf-c-select__toggle:hover,
.pf-v5-c-page__main .pf-c-select__toggle:focus,
.pf-v5-c-page__main .pf-c-select__toggle.pf-m-expanded,
button[id="attributes.locale"]:hover,
button[id="attributes.locale"]:focus,
button[id="attributes.locale"].pf-m-expanded {
  background-color: #ffffff !important;
  color: #2b2b2b !important;
  border-color: #6aa89d !important;
}

/* Dropdown menu formatting for select dropdown */
.pf-c-page__main .pf-v5-c-menu,
.pf-c-page__main .pf-c-menu,
.pf-v5-c-page__main .pf-v5-c-menu,
.pf-v5-c-page__main .pf-c-menu,
.pf-v5-c-menu[data-testid="locale-select"],
.pf-c-menu[data-testid="locale-select"] {
  background-color: #ffffff !important;
  color: #2b2b2b !important;
  border-radius: 0px !important;
  border: 1px solid #bdb8ae !important;
}

.pf-c-page__main .pf-v5-c-menu__item,
.pf-c-page__main .pf-c-menu__item,
.pf-v5-c-page__main .pf-v5-c-menu__item,
.pf-v5-c-page__main .pf-c-menu__item,
.pf-v5-c-menu[data-testid="locale-select"] .pf-v5-c-menu__item,
.pf-c-menu[data-testid="locale-select"] .pf-c-menu__item {
  color: #2b2b2b !important;
  background-color: #ffffff !important;
}

.pf-c-page__main .pf-v5-c-menu__item:hover,
.pf-c-page__main .pf-v5-c-menu__item:focus,
.pf-c-page__main .pf-c-menu__item:hover,
.pf-c-page__main .pf-c-menu__item:focus,
.pf-v5-c-page__main .pf-v5-c-menu__item:hover,
.pf-v5-c-page__main .pf-v5-c-menu__item:focus,
.pf-v5-c-page__main .pf-c-menu__item:hover,
.pf-v5-c-page__main .pf-c-menu__item:focus,
.pf-v5-c-menu[data-testid="locale-select"] .pf-v5-c-menu__item:hover,
.pf-v5-c-menu[data-testid="locale-select"] .pf-v5-c-menu__item:focus,
.pf-c-menu[data-testid="locale-select"] .pf-c-menu__item:hover,
.pf-c-menu[data-testid="locale-select"] .pf-c-menu__item:focus {
  background-color: #f7f5ef !important;
  color: #2b2b2b !important;
}