/* Account console branding for Lokalny Bohater.
   Re-colors the default keycloak.v3 (PatternFly v5) console to the brand green.
   Works in both light and the auto-applied .pf-v5-theme-dark mode. */

:root,
:where(.pf-v5-theme-dark) {
    --pf-v5-global--primary-color--100: #16d45c;
    --pf-v5-global--primary-color--200: #10bf50;
    --pf-v5-global--active-color--100: #16d45c;
    --pf-v5-global--active-color--200: #10bf50;
    --pf-v5-global--link--Color: #10bf50;
    --pf-v5-global--link--Color--hover: #0a9c40;
}

.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--m-primary--BackgroundColor: #16d45c;
    --pf-v5-c-button--m-primary--hover--BackgroundColor: #10bf50;
    --pf-v5-c-button--m-primary--active--BackgroundColor: #10bf50;
    --pf-v5-c-button--m-primary--focus--BackgroundColor: #10bf50;
}

.pf-v5-c-button.pf-m-link {
    --pf-v5-c-button--m-link--Color: #10bf50;
    --pf-v5-c-button--m-link--hover--Color: #0a9c40;
}

/* Outline (secondary) buttons — e.g. the "Aktualizuj" password button — in brand green */
.pf-v5-c-button.pf-m-secondary {
    --pf-v5-c-button--m-secondary--Color: #10bf50;
    --pf-v5-c-button--m-secondary--BorderColor: #16d45c;
    --pf-v5-c-button--m-secondary--hover--Color: #0a9c40;
    --pf-v5-c-button--m-secondary--hover--BorderColor: #10bf50;
    --pf-v5-c-button--m-secondary--active--Color: #0a9c40;
    --pf-v5-c-button--m-secondary--active--BorderColor: #10bf50;
    --pf-v5-c-button--m-secondary--focus--Color: #0a9c40;
    --pf-v5-c-button--m-secondary--focus--BorderColor: #10bf50;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link:hover {
    --pf-v5-c-nav__link--m-current--Color: #10bf50;
    color: #10bf50;
}

/* Brand logo sizing in the masthead */
.pf-v5-c-brand,
img.pf-v5-c-brand {
    height: 40px;
    width: auto;
}

/* Senior-friendly sizing: larger text, taller inputs, bigger buttons */
:root,
:where(.pf-v5-theme-dark) {
    --pf-v5-global--FontSize--md: 1.05rem;
    --pf-v5-global--FontSize--lg: 1.2rem;
}

.pf-v5-c-form__label,
.pf-v5-c-form__label-text {
    font-size: 1.05rem;
    font-weight: 600;
}

.pf-v5-c-form-control,
.pf-v5-c-form-control input,
.pf-v5-c-form-control select {
    font-size: 1.05rem;
    min-height: 52px;
    --pf-v5-c-form-control--FontSize: 1.05rem;
}

.pf-v5-c-button {
    font-size: 1.05rem;
}

.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--PaddingTop: 14px;
    --pf-v5-c-button--PaddingBottom: 14px;
    --pf-v5-c-button--PaddingRight: 28px;
    --pf-v5-c-button--PaddingLeft: 28px;
    border-radius: 12px;
}

.pf-v5-c-form__group {
    margin-bottom: 10px;
}

.pf-v5-c-page__main-section {
    --pf-v5-c-page__main-section--PaddingTop: 28px;
    --pf-v5-c-page__main-section--PaddingBottom: 28px;
}

/* Hide the "Applications" nav item — not needed for end users.
   Targeted by the stable route href so it stays put across re-renders. */
.pf-v5-c-nav__item:has(> a[href$="applications"]) {
    display: none;
}

/* Hide the "Device activity" nav item. */
.pf-v5-c-nav__item:has(> a[href*="device-activity"]) {
    display: none;
}

/* Hide the whole two-factor authentication section on the Signing in page.
   Each credential category is wrapped in a container whose direct child is the
   category heading with a stable id (`<category>-categ-title`), so targeting the
   parent hides the heading and all of its rows — without matching on translated text. */
:has(> [id="two-factor-categ-title"]) {
    display: none;
}