/* LO25 — kolory i logo jak w webmailu (Roundcube Elastic + skórka partnerit).
   Nowa nazwa pliku przy każdej zmianie (lo25-vN.css) — Keycloak serwuje zasoby motywu z długim czasem buforowania. */
:root {
    --keycloak-logo-url: url('../img/logo.svg');
    --keycloak-logo-height: 220px;
    --keycloak-logo-width: 440px;
    --keycloak-bg-logo-url: none;
    --keycloak-card-top-color: #516f32;

    --pf-v5-global--primary-color--100: #516f32;
    --pf-v5-global--primary-color--200: #445d2a;
    --pf-v5-global--primary-color--dark-100: #516f32;
    --pf-v5-global--active-color--100: #516f32;
    --pf-v5-global--link--Color: #516f32;
    --pf-v5-global--link--Color--hover: #374c22;
    --pf-v5-global--FontFamily--text: Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --pf-v5-global--FontFamily--heading: Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.login-pf body,
body#keycloak-bg {
    background: #f4f6f4;
}

/* Logo + karta jako jeden blok wyśrodkowany w pionie: bez domyślnego marginesu górnego nagłówka (64 px)
   i marginesu pod logo (48 px) — odstęp logo–karta 1,5 rem. */
.pf-v5-c-login__header {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

#kc-header-wrapper {
    margin-bottom: 0;
}

/* Niskie okna (laptop 1366×768 z paskami przeglądarki): mniejsze logo, żeby strona się nie przewijała. */
@media (min-width: 521px) and (max-height: 780px) {
    :root {
        --keycloak-logo-height: 160px;
        --keycloak-logo-width: 320px;
    }
}

/* Wąskie ekrany (telefon): logo nie szersze niż ekran. */
@media (max-width: 520px) {
    :root {
        --keycloak-logo-height: 160px;
        --keycloak-logo-width: 100%;
    }
    #kc-header-wrapper .kc-logo-text {
        margin: 0;
    }
}

.pf-v5-c-login__main {
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
}

.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--m-primary--BackgroundColor: #516f32;
    --pf-v5-c-button--m-primary--hover--BackgroundColor: #445d2a;
    --pf-v5-c-button--m-primary--focus--BackgroundColor: #445d2a;
    --pf-v5-c-button--m-primary--active--BackgroundColor: #3f5627;
}

.pf-v5-c-form-control:focus-within {
    --pf-v5-c-form-control--after--BorderBottomColor: #516f32;
}

/* Strona logowania (nazwa użytkownika + hasło): bez nagłówka „Zaloguj się…” — ukryty tylko wizualnie
   (czytniki ekranu nadal go odczytają); tytuły pozostałych stron (kod TOTP, klucz, konfiguracja) bez zmian. */
body[data-page-id="login-login"] #kc-page-title {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}