/*
 * Only what differs from the parent theme's login.css, which theme.properties loads first.
 *
 * This file used to be a copy of that stylesheet with the Fluidit changes edited into it. A copy
 * stops receiving upstream fixes, and by 26.7 it was missing the parent's rules for delete-account,
 * recovery codes, the certificate subject DN and the select-authenticator boxes — not because anyone
 * removed them, but because they were added upstream after the copy was taken.
 */

/* A white page instead of the Keycloak background photograph. */
.login-pf body {
    background: none;
    background-color: rgb(255, 255, 255);
    background-size: cover;
    height: 100%;
}

.pf-c-button.pf-m-control {
    border: solid var(--pf-global--BorderWidth--sm);
    border-color: rgba(230, 230, 230, 0.5);
}

/* Fluidit purple, where the parent uses PatternFly's own primary colour. */
.pf-c-button.pf-m-primary {
    background-color: rgb(102, 72, 255);
}

.login-pf-page .card-pf {
    /* The parent draws the card's top rule in PatternFly blue; this is the same rule in Fluidit
       purple. It has to name border-color explicitly: `color` alone only reaches the border while
       the parent's own border-color declaration is absent, which is how the copied stylesheet got
       away without it. */
    border-color: rgb(102, 72, 255);
    color: rgb(102, 72, 255);
    background-color: rgb(247, 247, 247);
}

/* Dark header text, because the page behind it is white rather than the photograph. */
#kc-header {
    display: inline;
    color: rgb(51, 51, 51);
}

#kc-header-wrapper {
    text-align: center;
}

/* The logo the template places next to the page title, laid out beside it rather than above. */
.login-pf-page .login-pf-header {
    flex-direction: row;
    align-items: center;
}

.login-pf-header > img {
    float: left;
    width: 60px;
    height: 60px;
}

.login-pf-header > h1 {
    margin-left: 30px;
}

.kc-social-provider-name {
    top: 3px;
}