/*
 * TU Clausthal Account Console Theme
 * Corporate Design palette:
 *   Primary green  #008C4F  (RGB 0,140,79)
 *   Green hover    #006D3D  (RGB 0,109,61  — from live tuc-clausthal.de)
 *   Light gray     #E6E6E6  (RGB 230,230,230 — Grau 10%)
 *   Mid gray       #808080  (RGB 128,128,128 — Grau 50%)
 *   Body text      #212121  (RGB 33,33,33   — from live tuc-clausthal.de)
 *   Danger red     #8C1C00  (RGB 140,28,0   — TUC Rot)
 */

/* ── Global PatternFly v5 token overrides ─────────────────── */
:root {
    --pf-v5-global--primary-color--100: #008C4F;
    --pf-v5-global--primary-color--200: #006D3D;
    --pf-v5-global--link--Color: #008C4F;
    --pf-v5-global--link--Color--hover: #006D3D;
    --pf-v5-global--Color--100: #212121;
}

/* ── Masthead (topbar) ────────────────────────────────────── */
/* White background matching tuc-clausthal.de header,
   TUC green bottom border as brand accent              */
.pf-v5-c-masthead {
    background-color: #ffffff;
    border-bottom: 3px solid #008C4F;
    --pf-v5-c-masthead--BackgroundColor: #ffffff;
}

/* Ensure all masthead text/icons are dark, not light */
.pf-v5-c-masthead,
.pf-v5-c-masthead .pf-v5-c-button,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle-text {
    color: #212121;
}

.pf-v5-c-masthead .pf-v5-c-button:hover {
    background-color: #E6E6E6;
    color: #212121;
}

/* ── TUC logo in masthead ─────────────────────────────────── */
.pf-v5-c-masthead__brand {
    background-image: url(../img/logo.avif);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    min-width: 14em;
    height: 3em;
}

.pf-v5-c-masthead__brand img,
.pf-v5-c-masthead__brand span {
    display: none;
}

/* ── Page sidebar (left navigation) ──────────────────────── */
/* White sidebar, matching tuc-clausthal.de's clean light nav */
.pf-v5-c-page__sidebar {
    background-color: #ffffff;
    border-right: 1px solid #E6E6E6;
    --pf-v5-c-page__sidebar--BackgroundColor: #ffffff;
}

/* ── Nav links (sidebar) ──────────────────────────────────── */
.pf-v5-c-nav {
    background-color: transparent;
}

/* Section headings inside nav */
.pf-v5-c-nav__section-title {
    color: #808080;
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    border-bottom: 1px solid #E6E6E6;
}

/* Default link — dark text like tuc-clausthal.de nav items */
.pf-v5-c-nav__link {
    color: #212121;
    --pf-v5-c-nav__link--Color: #212121;
}

/* Hover — TUC green background + white text,
   matching the hover behaviour of tuc-clausthal.de nav */
.pf-v5-c-nav__link:hover {
    background-color: #008C4F;
    color: #ffffff;
    --pf-v5-c-nav__link--hover--BackgroundColor: #008C4F;
    --pf-v5-c-nav__link--hover--Color: #ffffff;
}

/* Active / current item — solid TUC green */
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link {
    background-color: #008C4F;
    color: #ffffff;
    --pf-v5-c-nav__link--m-current--BackgroundColor: #008C4F;
    --pf-v5-c-nav__link--m-current--Color: #ffffff;
}

/* Current-item left accent bar → white (visible on green bg) */
.pf-v5-c-nav__link.pf-m-current::before,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link::before {
    border-left-color: #ffffff;
}

/* ── Primary buttons ──────────────────────────────────────── */
.pf-v5-c-button.pf-m-primary {
    background-color: #008C4F;
    border-color: #008C4F;
    color: #ffffff;
}

.pf-v5-c-button.pf-m-primary:hover {
    background-color: #006D3D;
    border-color: #006D3D;
    color: #ffffff;
}

/* ── Danger alerts → TUC Rot ──────────────────────────────── */
.pf-v5-c-alert.pf-m-danger {
    --pf-v5-c-alert--m-danger__icon--Color: #8C1C00;
}

/* ── Nav-toggle button (hamburger / sidebar toggle) ───────── */
/* pf-m-plain buttons carry --pf-v5-c-button--m-plain--Color which
   PatternFly sets to white in the dark masthead context.
   Override the token AND the property directly for full coverage. */
#nav-toggle,
.pf-v5-c-masthead__toggle .pf-v5-c-button {
    --pf-v5-c-button--m-plain--Color: #212121;
    color: #212121;
}

#nav-toggle:hover,
.pf-v5-c-masthead__toggle .pf-v5-c-button:hover {
    --pf-v5-c-button--m-plain--hover--Color: #212121;
    background-color: #E6E6E6;
    color: #212121;
}

/* ── Menu-toggle buttons (user-profile dropdown, etc.) ────── */
.pf-v5-c-masthead .pf-v5-c-menu-toggle {
    --pf-v5-c-menu-toggle--Color: #212121;
    color: #212121;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle__text,
.pf-v5-c-masthead .pf-v5-c-menu-toggle__icon,
.pf-v5-c-masthead .pf-v5-c-menu-toggle__controls {
    color: #212121;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle:hover {
    --pf-v5-c-menu-toggle--hover--Color: #212121;
    background-color: #E6E6E6;
    color: #212121;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle.pf-m-expanded {
    --pf-v5-c-menu-toggle--m-expanded--Color: #212121;
    background-color: #E6E6E6;
    color: #212121;
}

/* ── Keyboard focus ring (TUC green) ──────────────────────── */
:focus-visible {
    outline: 2px solid #008C4F;
    outline-offset: 2px;
}