/* Hevway branded Keycloak login theme (keycloak.v2 / PatternFly v5)
 *
 * Colors:
 *   Navy Blue:  #191D45 (card)
 *   Orange:     #FF9500 (primary buttons/links)
 *   White:      #FFFFFF (text on dark backgrounds)
 *   Dark Blue:  #06081C (page background)
 */

/* --- CSS variable overrides --- */
:root {
    --keycloak-bg-logo-url: none;
    --keycloak-card-top-color: #FF9500;
}

/* --- Page background --- */
body#keycloak-bg {
    background-color: #06081C !important;
    background-image: url('../img/bg-login.png') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* --- Logo / header area --- */
#kc-header {
    text-align: center;
}

#kc-header-wrapper {
    font-size: 0;
    background-image: url('../img/hevway-logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 60px;
    max-width: 200px;
    margin: 0 auto 20px auto;
}

/* --- Login card --- */
.pf-v5-c-login__main {
    background-color: #191D45 !important;
    color: #FFFFFF !important;
}

.pf-v5-c-login__main-header {
    border-top-color: #FF9500 !important;
}

/* Page title */
#kc-page-title {
    color: #FFFFFF !important;
}

/* --- Primary buttons --- */
.pf-v5-c-button.pf-m-primary {
    background-color: #FF9500 !important;
    border-color: #FF9500 !important;
    color: #FFFFFF !important;
}

.pf-v5-c-button.pf-m-primary:hover {
    background-color: #E68600 !important;
    border-color: #E68600 !important;
}

/* --- Links --- */
a, .pf-v5-c-button.pf-m-link {
    color: #FF9500 !important;
}

a:hover, .pf-v5-c-button.pf-m-link:hover {
    color: #E68600 !important;
}

/* --- Labels and form text on dark background --- */
.pf-v5-c-form__label-text {
    color: #FFFFFF !important;
}

/* --- Font stack --- */
body, .pf-v5-c-login {
    font-family: 'Basis Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* --- Mobile: vertically center the login form --- */
@media (max-width: 991px) {
    .pf-v5-c-login {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}