/*
 * University of Eldoret — Keycloak Login Theme
 * Extends the default keycloak.v2 theme with UoELD brand colours.
 *
 * Brand tokens:
 *   Deep blue:  #1E3A78
 *   Gold:       #C8912A
 *   Maroon:     #7B1C2A
 */

/* ---- Background ---- */
.login-pf body,
body.login-pf {
    background:
        radial-gradient(circle at top right, #dde4f5 0, transparent 40%),
        linear-gradient(160deg, #1E3A78 0%, #2d4a8a 45%, #7B1C2A 100%) !important;
}

/* ---- Login card ---- */
#kc-login.pf-v5-c-login {
    --pf-v5-c-login__main-body--PaddingTop: 2rem;
}

.pf-v5-c-login__main,
#kc-form-login,
.pf-v5-c-card {
    border-radius: 16px !important;
    box-shadow: 0 24px 60px rgba(15, 27, 53, 0.35) !important;
    overflow: hidden;
}

/* Top accent bar */
.pf-v5-c-login__main::before,
.pf-v5-c-card::before {
    content: '' !important;
    display: block;
    height: 5px;
    background: linear-gradient(90deg, #1E3A78 0%, #C8912A 60%, #7B1C2A 100%);
}

/* ---- Logo ---- */
.pf-v5-c-login__main-header .pf-v5-c-brand,
.pf-v5-c-brand {
    max-height: 64px !important;
}

#kc-header-wrapper,
.login-pf-header {
    text-align: center;
    color: #fff !important;
    margin-bottom: 1.5rem;
}

#kc-header-wrapper h1,
.login-pf-header h1 {
    color: #fff !important;
    font-size: 20px;
    font-weight: 700;
}

/* ---- Primary button ---- */
.pf-v5-c-button.pf-m-primary,
.btn-primary,
input[type="submit"].pf-v5-c-button.pf-m-primary {
    background-color: #1E3A78 !important;
    border-color: #1E3A78 !important;
    font-weight: 600;
}

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

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

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

/* ---- Input focus ---- */
.pf-v5-c-form-control:focus-within,
.pf-v5-c-text-input-group:focus-within {
    --pf-v5-c-form-control--focus--BorderBottomColor: #1E3A78;
    border-color: #1E3A78 !important;
    box-shadow: 0 0 0 1px #1E3A78 !important;
}

/* ---- Footer text ---- */
.pf-v5-c-login__footer,
.login-pf-footer {
    color: rgba(255, 255, 255, 0.65) !important;
    text-align: center;
}

.pf-v5-c-login__footer::after,
.login-pf-footer::after {
    content: 'University of Eldoret · Integrated ERP Platform';
    display: block;
    margin-top: 1rem;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}

/* ---- Alert / error ---- */
.pf-v5-c-alert.pf-m-danger,
.alert-error {
    border-left: 4px solid #7B1C2A !important;
}

/* ---- Registration / social login buttons ---- */
.pf-v5-c-login__main-footer-band a,
.kc-social-provider a {
    color: #1E3A78 !important;
    font-weight: 600;
}

/* ---- Responsive ---- */
@media (max-width: 640px) {
    .pf-v5-c-login__main,
    .pf-v5-c-card {
        margin: 0 12px;
    }
}