/* ===========================================================================
   TW AUDiO brand overrides for the Keycloak welcome (landing) page.
   =========================================================================== */

:root,
.pf-v5-theme-dark {
    --pf-v5-global--primary-color--100: #FF7A1A;
    --pf-v5-global--primary-color--200: #E0670F;
    --pf-v5-global--link--Color: #FF9A4D;
    --pf-v5-global--link--Color--hover: #FFB070;
}

/* Brand wallpaper with a dark scrim (overrides the inline PF background var). */
.pf-v5-c-background-image {
    background-image:
        linear-gradient(180deg, rgba(10, 10, 12, 0.58) 0%, rgba(10, 10, 12, 0.82) 100%),
        url('../img/twaudio-bg.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Center and size the white wordmark. */
.pf-v5-c-login__header {
    display: flex;
    justify-content: center;
    padding-top: 8vh;
}
img.kc-brand {
    max-width: 340px;
    width: 70vw;
    height: auto;
}

/* Primary buttons (e.g. "Open Administration Console" on the bootstrap page). */
.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--m-primary--BackgroundColor: #FF7A1A;
    --pf-v5-c-button--m-primary--hover--BackgroundColor: #E0670F;
    --pf-v5-c-button--m-primary--active--BackgroundColor: #E0670F;
    --pf-v5-c-button--m-primary--focus--BackgroundColor: #E0670F;
}

/* Orange accent stripe on the login card (when shown). */
.pf-v5-c-login__main {
    border-top: 4px solid #FF7A1A;
}