/* ==========================================================================
   1. KEYCLOAK LOGO DURCH EIGENES HHL-LOGO ERSETZEN
   ========================================================================== */
.pf-v5-c-masthead__brand img,
.pf-c-masthead__brand img,
.pf-v5-c-brand,
.pf-c-brand,
#header-brand img {
    content: url('../img/HHL_Logo_2025_RGB_weiss-gelb_kurz.png') !important;
    max-height: 38px !important;
    width: auto !important;
    object-fit: contain !important;
}


/* ==========================================================================
   2. MENÜPUNKTE 'APPLICATIONS' & 'RESOURCES' AUSBLENDEN
   ========================================================================== */
#nav-link-applications,
#nav-link-resources,
a[href*="applications"],
a[href*="resources"],
button[id*="applications"],
button[id*="resources"],
[data-testid*="applications"],
[data-testid*="resources"],
.pf-v5-c-nav__item:has(a[href*="applications"]),
.pf-v5-c-nav__item:has(a[href*="resources"]),
.pf-c-nav__item:has(a[href*="applications"]),
.pf-c-nav__item:has(a[href*="resources"]),
.pf-v5-c-nav__item:has(#nav-link-applications),
.pf-v5-c-nav__item:has(#nav-link-resources),
.pf-c-nav__item:has(#nav-link-applications),
.pf-c-nav__item:has(#nav-link-resources),
li:has(a[href*="applications"]),
li:has(a[href*="resources"]) {
    display: none !important;
}


/* ==========================================================================
   3. GLOBALER FARB-OVERRIDE (#f2a900 Gelb & #e60073 Magenta)
   ========================================================================== */
:root {
    --pf-v5-global--primary-color--100: #f2a900 !important;
    --pf-v5-global--primary-color--200: #d19200 !important;
    --pf-v5-global--active-color--100: #f2a900 !important;
    
    --pf-v5-global--link--Color: #e60073 !important;
    --pf-v5-global--link--Color--hover: #b8005c !important;
    --pf-v5-global--link--Color--focus: #b8005c !important;
    
    --pf-global--primary-color--100: #f2a900 !important;
    --pf-global--active-color--100: #f2a900 !important;
    --pf-global--link--Color: #e60073 !important;

    /* Masthead Hintergrund-Variablen auf Tiefschwarz */
    --pf-v5-c-masthead--BackgroundColor: #000000 !important;
    --pf-c-masthead--BackgroundColor: #000000 !important;
    --pf-v5-c-masthead__content--BackgroundColor: #000000 !important;
    --pf-c-masthead__content--BackgroundColor: #000000 !important;
    --pf-v5-c-page__header--BackgroundColor: #000000 !important;
    --pf-c-page__header--BackgroundColor: #000000 !important;
}


/* ==========================================================================
   4. KOPFZEILE (MASTHEAD) IN TIEFSCHWARZ (#000000)
   ========================================================================== */
.pf-v5-c-masthead,
.pf-c-masthead,
.pf-v5-c-masthead__main,
.pf-c-masthead__main,
.pf-v5-c-masthead__content,
.pf-c-masthead__content,
.pf-v5-c-masthead__brand,
.pf-c-masthead__brand,
.pf-v5-c-masthead .pf-v5-c-toolbar,
.pf-c-masthead .pf-c-toolbar,
.pf-v5-c-masthead .pf-v5-c-toolbar__content,
.pf-c-masthead .pf-c-toolbar__content,
.pf-v5-c-page__header,
.pf-c-page__header,
header.pf-v5-c-masthead,
header.pf-c-masthead,
header.pf-v5-c-page__header {
    background-color: #000000 !important;
    background: #000000 !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Burger-Button (Links oben) - Transparent mit weißem Icon */
.pf-v5-c-masthead__toggle,
.pf-c-masthead__toggle,
.pf-v5-c-masthead__toggle button,
.pf-c-masthead__toggle button,
#nav-toggle {
    background-color: transparent !important;
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

.pf-v5-c-masthead__toggle *,
.pf-c-masthead__toggle * {
    color: #ffffff !important;
    fill: #ffffff !important;
}


/* ==========================================================================
   5. USER-DROPDOWN OBEN RECHTS (STANDARD: WEISS / HOVER: GELB)
   ========================================================================== */
/* Profilbild / Avatar-Icon komplett ausblenden */
.pf-v5-c-avatar,
.pf-c-avatar,
.pf-v5-c-masthead .pf-v5-c-avatar,
.pf-c-masthead .pf-c-avatar,
.pf-v5-c-masthead__content img.pf-v5-c-avatar,
.pf-v5-c-masthead__content svg.pf-v5-c-avatar,
[class*="avatar"] {
    display: none !important;
}

/* 5a. Dropdown Button Standard (Geschlossen & Geöffnet): Weiß (#ffffff) */
.pf-v5-c-masthead__content .pf-v5-c-menu-toggle,
.pf-v5-c-masthead__content .pf-v5-c-dropdown__toggle,
.pf-c-masthead__content .pf-c-dropdown__toggle,
.pf-v5-c-masthead__content button[id*="user"],
.pf-c-masthead__content button[id*="user"],
#landing-user-dropdown,
[data-testid="user-dropdown"] {
    --pf-v5-c-menu-toggle--BackgroundColor: #ffffff !important;
    --pf-v5-c-menu-toggle--Color: #000000 !important;
    --pf-v5-c-menu-toggle--m-primary--BackgroundColor: #ffffff !important;
    --pf-v5-c-menu-toggle--m-primary--Color: #000000 !important;
    --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: #ffffff !important;
    --pf-v5-c-menu-toggle--m-expanded--Color: #000000 !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

.pf-v5-c-masthead__content .pf-v5-c-menu-toggle::before,
.pf-v5-c-masthead__content .pf-v5-c-menu-toggle::after,
.pf-v5-c-masthead__content .pf-v5-c-dropdown__toggle::before,
.pf-v5-c-masthead__content .pf-v5-c-dropdown__toggle::after {
    border: none !important;
    box-shadow: none !important;
}

.pf-v5-c-masthead__content .pf-v5-c-menu-toggle *,
.pf-v5-c-masthead__content .pf-v5-c-dropdown__toggle *,
.pf-c-masthead__content .pf-c-dropdown__toggle * {
    color: #000000 !important;
    fill: #000000 !important;
}

/* 5b. Dropdown Button HOVER: Gelb (#f2a900) mit schwarzer Schrift */
.pf-v5-c-masthead__content .pf-v5-c-menu-toggle:hover,
.pf-v5-c-masthead__content .pf-v5-c-dropdown__toggle:hover,
.pf-c-masthead__content .pf-c-dropdown__toggle:hover,
.pf-v5-c-masthead__content button[id*="user"]:hover,
.pf-c-masthead__content button[id*="user"]:hover {
    background-color: #f2a900 !important;
    background: #f2a900 !important;
    color: #000000 !important;
}

.pf-v5-c-masthead__content .pf-v5-c-menu-toggle:hover *,
.pf-v5-c-masthead__content .pf-v5-c-dropdown__toggle:hover *,
.pf-c-masthead__content .pf-c-dropdown__toggle:hover * {
    color: #000000 !important;
    fill: #000000 !important;
}

/* 5c. Geöffnetes Ausklappmenü Container & Liste (Standard: WEISS) */
.pf-v5-c-menu,
.pf-v5-c-dropdown__menu,
.pf-c-dropdown__menu,
.pf-v5-c-masthead__content .pf-v5-c-menu,
.pf-v5-c-masthead__content .pf-v5-c-dropdown__menu {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    padding: 0 !important;
}

.pf-v5-c-menu__content,
.pf-v5-c-menu__list,
.pf-v5-c-menu__list-item {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Standard-Zustand des Eintrags ("Sign out"): Weiß mit schwarzer Schrift */
.pf-v5-c-menu__item,
.pf-v5-c-dropdown__menu-item,
.pf-c-dropdown__menu-item {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #000000 !important;
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
}

/* Alle inneren Elemente transparent machen, damit keine verschachtelten Kästen entstehen */
.pf-v5-c-menu__item-main,
.pf-v5-c-menu__item-text,
.pf-v5-c-menu__item *,
.pf-v5-c-dropdown__menu-item * {
    background-color: transparent !important;
    background: transparent !important;
    color: #000000 !important;
    fill: #000000 !important;
}

/* 5d. Menü-Option HOVER & FOCUS: Gesamtes Feld Gelb (#f2a900) mit schwarzer Schrift */
.pf-v5-c-menu__item:hover,
.pf-v5-c-menu__item:focus,
.pf-v5-c-menu__list-item:hover .pf-v5-c-menu__item,
.pf-v5-c-dropdown__menu-item:hover,
.pf-c-dropdown__menu-item:hover {
    background-color: #f2a900 !important;
    background: #f2a900 !important;
    color: #000000 !important;
}

.pf-v5-c-menu__item:hover *,
.pf-v5-c-menu__item:focus *,
.pf-v5-c-menu__list-item:hover *,
.pf-v5-c-dropdown__menu-item:hover *,
.pf-c-dropdown__menu-item:hover * {
    background-color: transparent !important;
    background: transparent !important;
    color: #000000 !important;
    fill: #000000 !important;
}


/* ==========================================================================
   6. NAVIGATION & SEITENLEISTE (#000000)
   ========================================================================== */
.pf-v5-c-page__sidebar,
.pf-c-page__sidebar,
.pf-v5-c-nav,
.pf-c-nav {
    background-color: #000000 !important;
}

/* Blaues Indikator-Bändchen entfernen */
.pf-v5-c-nav__link::before,
.pf-c-nav__link::before,
.pf-v5-c-nav__link::after,
.pf-c-nav__link::after {
    display: none !important;
    border: none !important;
}

/* Inaktive Links */
.pf-v5-c-nav__link,
.pf-c-nav__link,
button.pf-v5-c-nav__link,
button.pf-c-nav__link {
    background-color: transparent !important;
    background: transparent !important;
    color: #ffffff !important;
}

.pf-v5-c-nav__link *,
.pf-c-nav__link * {
    color: #ffffff !important;
}

.pf-v5-c-nav__link:hover,
.pf-c-nav__link:hover {
    color: #f2a900 !important;
    background-color: #1a1a1a !important;
}

.pf-v5-c-nav__link:hover *,
.pf-c-nav__link:hover * {
    color: #f2a900 !important;
}

/* Aktiver Endpunkt gelb */
a.pf-v5-c-nav__link[aria-current="page"],
a.pf-c-nav__link[aria-current="page"],
.pf-v5-c-nav__subnav a.pf-v5-c-nav__link.pf-m-current,
.pf-c-nav__subnav a.pf-c-nav__link.pf-m-current {
    background-color: #f2a900 !important;
    background: #f2a900 !important;
    color: #000000 !important;
    font-weight: 700 !important;
}

a.pf-v5-c-nav__link[aria-current="page"] *,
a.pf-c-nav__link[aria-current="page"] *,
.pf-v5-c-nav__subnav a.pf-v5-c-nav__link.pf-m-current *,
.pf-c-nav__subnav a.pf-c-nav__link.pf-m-current * {
    color: #000000 !important;
}


/* ==========================================================================
   7. HAUPTINHALTSBEREICH, KARTEN, DATENLISTEN & LABELS ("Current session")
   ========================================================================== */
.pf-v5-c-page__main,
.pf-c-page__main,
main {
    background-color: #f8f9fa !important;
    color: #000000 !important;
}

/* Karten, Datenlisten-Items, Zeilen & Zellen explizit hell halten */
.pf-v5-c-card,
.pf-c-card,
.pf-v5-c-data-list,
.pf-c-data-list,
.pf-v5-c-data-list__item,
.pf-c-data-list__item,
.pf-v5-c-data-list__item-row,
.pf-c-data-list__item-row,
.pf-v5-c-data-list__item-content,
.pf-c-data-list__item-content,
.pf-v5-c-data-list__cell,
.pf-c-data-list__cell,
.pf-v5-c-description-list,
.pf-c-description-list,
.pf-v5-c-expandable-section,
.pf-c-expandable-section {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #000000 !important;
    border-radius: 0px !important;
}

.pf-v5-c-card,
.pf-c-card {
    border: 1px solid #e0e0e0 !important;
}

/* Badges / Labels ("Current session" etc.) */
.pf-v5-c-label,
.pf-c-label,
.pf-v5-c-badge,
.pf-c-badge {
    --pf-v5-c-label--BackgroundColor: #f2a900 !important;
    --pf-v5-c-label__content--Color: #000000 !important;
    background-color: #f2a900 !important;
    background: #f2a900 !important;
    color: #000000 !important;
    border: none !important;
}

.pf-v5-c-label__content,
.pf-c-label__content,
.pf-v5-c-label__icon,
.pf-c-label__icon,
.pf-v5-c-label *,
.pf-c-label * {
    color: #000000 !important;
    fill: #000000 !important;
    background-color: transparent !important;
}

/* Texte im Hauptbereich, Listen & Datenzellen schwarz erzwingen */
.pf-v5-c-page__main *,
.pf-c-page__main *,
main *,
.pf-v5-c-card *,
.pf-c-card *,
.pf-v5-c-data-list *,
.pf-c-data-list *,
.pf-v5-c-title,
.pf-c-title,
h1, h2, h3, h4, label {
    color: #000000 !important;
}


/* ==========================================================================
   8. MODAL / POPUP DIALOGE RESET
   ========================================================================== */
.pf-v5-c-modal-box,
.pf-c-modal-box,
.pf-v5-c-modal-box__header,
.pf-c-modal-box__header,
.pf-v5-c-modal-box__body,
.pf-c-modal-box__body,
.pf-v5-c-modal-box__footer,
.pf-c-modal-box__footer {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #000000 !important;
}

.pf-v5-c-modal-box *,
.pf-c-modal-box * {
    color: #000000 !important;
}

.pf-v5-c-modal-box__title,
.pf-c-modal-box__title,
.pf-v5-c-modal-box__header .pf-v5-c-button,
.pf-c-modal-box__header .pf-c-button {
    color: #000000 !important;
}


/* ==========================================================================
   9. AKTIONSELEMENTE & LINKS
   ========================================================================== */
main a,
main a:visited,
.pf-v5-c-button.pf-m-link,
.pf-c-button.pf-m-link,
.pf-v5-c-data-list__action a,
.pf-c-data-list__action a,
[class*="authenticator"] a {
    color: #e60073 !important;
    font-weight: 600 !important;
}

main a:hover,
.pf-v5-c-button.pf-m-link:hover,
.pf-c-button.pf-m-link:hover {
    color: #b8005c !important;
    text-decoration: underline !important;
}


/* ==========================================================================
   10. BUTTONS & EINGABEFELDER
   ========================================================================== */
/* Alle regulären Buttons ("Update", "Save" etc.): Gelb, Schwarze Schrift.
   Das User-Dropdown & dessen Menü-Items (.pf-v5-c-menu__item) sind hier explizit ausgeschlossen! */
.pf-v5-c-button:not(.pf-m-link):not(.pf-m-plain):not(.pf-v5-c-menu-toggle):not(.pf-v5-c-dropdown__toggle):not(.pf-v5-c-menu__item):not(.pf-c-dropdown__menu-item),
.pf-c-button:not(.pf-m-link):not(.pf-m-plain):not(.pf-c-dropdown__toggle):not(.pf-c-dropdown__menu-item),
button:not(.pf-m-link):not(.pf-m-plain):not(.pf-v5-c-nav__link):not(.pf-c-nav__link):not(.pf-v5-c-menu-toggle):not(.pf-v5-c-dropdown__toggle):not(.pf-c-dropdown__toggle):not([id*="user"]):not(.pf-v5-c-menu__item):not(.pf-c-dropdown__menu-item):not([class*="menu__item"]),
input[type="submit"] {
    background-color: #f2a900 !important;
    background: #f2a900 !important;
    color: #000000 !important;
    font-weight: 700 !important;
    border: none !important;
    outline: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

/* Entfernt den Rahmen von PatternFly (wird über ::after gerendert) */
.pf-v5-c-button::after,
.pf-c-button::after,
.pf-v5-c-button::before,
.pf-c-button::before,
button::after,
button::before {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.pf-v5-c-button:not(.pf-m-link):not(.pf-m-plain):not(.pf-v5-c-menu-toggle):not(.pf-v5-c-dropdown__toggle):not(.pf-v5-c-menu__item):hover,
.pf-c-button:not(.pf-m-link):not(.pf-m-plain):not(.pf-c-dropdown__toggle):not(.pf-c-dropdown__menu-item):hover,
button:not(.pf-m-link):not(.pf-m-plain):not(.pf-v5-c-nav__link):not(.pf-c-nav__link):not(.pf-v5-c-menu-toggle):not(.pf-v5-c-dropdown__toggle):not(.pf-c-dropdown__toggle):not([id*="user"]):not(.pf-v5-c-menu__item):not([class*="menu__item"]):hover,
input[type="submit"]:hover {
    background-color: #d19200 !important;
    background: #d19200 !important;
    color: #000000 !important;
    border: none !important;
}

/* Eingabefelder */
.pf-v5-c-form-control,
.pf-c-form-control {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
}

*:focus-visible,
.pf-v5-c-form-control:focus,
.pf-c-form-control:focus {
    border-color: #f2a900 !important;
    box-shadow: 0 0 0 1px #f2a900 !important;
    outline-color: #f2a900 !important;
}

.pf-v5-c-check__input:checked,
.pf-c-check__input:checked {
    background-color: #f2a900 !important;
    border-color: #f2a900 !important;
}


/* ==========================================================================
   11. SYSTEM-DARK-MODE OVERRIDE (EXPLIZIT FÜR DATENLISTEN & UNTERSEITEN)
   ========================================================================== */
@media (prefers-color-scheme: dark) {
    :root,
    html,
    body,
    .pf-v5-c-page,
    .pf-c-page,
    .pf-v5-theme-dark,
    .pf-m-dark {
        /* PatternFly-Variablen für Hintergründe, DataLists & Labels überschreiben */
        --pf-v5-global--BackgroundColor--100: #ffffff !important;
        --pf-v5-global--BackgroundColor--200: #f8f9fa !important;
        --pf-v5-global--Color--100: #000000 !important;
        --pf-v5-global--Color--200: #151515 !important;

        --pf-v5-c-page__main-section--BackgroundColor: #f8f9fa !important;
        --pf-v5-c-card--BackgroundColor: #ffffff !important;

        --pf-v5-c-data-list--BackgroundColor: #ffffff !important;
        --pf-v5-c-data-list__item--BackgroundColor: #ffffff !important;
        --pf-v5-c-data-list__item-row--BackgroundColor: #ffffff !important;
        --pf-v5-c-data-list__cell--Color: #000000 !important;

        --pf-v5-c-label--BackgroundColor: #f2a900 !important;
        --pf-v5-c-label__content--Color: #000000 !important;

        --pf-global--BackgroundColor--100: #ffffff !important;
        --pf-global--BackgroundColor--200: #f8f9fa !important;
        --pf-global--Color--100: #000000 !important;

        --pf-c-data-list--BackgroundColor: #ffffff !important;
        --pf-c-data-list__item--BackgroundColor: #ffffff !important;
        --pf-c-data-list__item-row--BackgroundColor: #ffffff !important;
        --pf-c-data-list__cell--Color: #000000 !important;
    }

    /* Hauptbereich, Karten & Data-Lists (Signing In, Device Activity) auf weiß zwingen */
    .pf-v5-c-page__main,
    .pf-c-page__main,
    .pf-v5-c-page__main-section,
    .pf-c-page__main-section,
    main,
    main .pf-v5-c-data-list,
    main .pf-c-data-list,
    main .pf-v5-c-data-list__item,
    main .pf-c-data-list__item,
    main .pf-v5-c-data-list__item-row,
    main .pf-c-data-list__item-row,
    main .pf-v5-c-data-list__item-content,
    main .pf-c-data-list__item-content,
    main .pf-v5-c-data-list__cell,
    main .pf-c-data-list__cell,
    main .pf-v5-c-description-list,
    main .pf-c-description-list,
    main .pf-v5-c-expandable-section,
    main .pf-c-expandable-section {
        background-color: #ffffff !important;
        background: #ffffff !important;
        color: #000000 !important;
    }

    .pf-v5-c-card,
    .pf-c-card,
    .pf-v5-c-form,
    .pf-c-form,
    .pf-v5-c-table,
    .pf-c-table,
    .pf-v5-c-form-control,
    .pf-c-form-control {
        background-color: #ffffff !important;
        color: #000000 !important;
    }

    /* Labels / Badges auch im Dark-Mode in Gelb erzwingen */
    .pf-v5-c-label,
    .pf-c-label,
    .pf-v5-c-badge,
    .pf-c-badge {
        background-color: #f2a900 !important;
        background: #f2a900 !important;
        color: #000000 !important;
    }

    .pf-v5-c-label__content,
    .pf-c-label__content,
    .pf-v5-c-label *,
    .pf-c-label * {
        color: #000000 !important;
        fill: #000000 !important;
    }

    /* Texte im Inhaltsbereich und in den Listen schwarz belassen */
    .pf-v5-c-page__main *,
    .pf-c-page__main *,
    main *,
    .pf-v5-c-card *,
    .pf-c-card *,
    .pf-v5-c-data-list *,
    .pf-c-data-list * {
        color: #000000 !important;
    }

    /* Masthead & Sidebar schwarz halten */
    .pf-v5-c-masthead,
    .pf-c-masthead,
    .pf-v5-c-page__sidebar,
    .pf-c-page__sidebar {
        background-color: #000000 !important;
    }

    .pf-v5-c-nav__link,
    .pf-c-nav__link {
        color: #ffffff !important;
    }
}