/*
  Custom CSS for Keycloak Theme - EDDM Branding
  Final version - clean white background, centered vertical stack
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Override base styles.css background */
.login-pf body,
body {
    background: #ffffff !important;
    background-image: none !important;
    font-family: 'Poppins', sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100vh !important;
}

/* Main container - vertical centered stack */
.pf-v5-c-login {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100vh !important;
    width: 100% !important;
    background: #ffffff !important;
    background-image: none !important;
}

.pf-v5-c-login__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px !important;
    grid-template-columns: unset !important;
    grid-template-areas: unset !important;
}

/* 1. LOGO - Top center */
.eddm-logo-container {
    order: 1 !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-bottom: 30px !important;
}

.eddm-logo-container img {
    max-width: 250px !important;
    height: auto !important;
}

/* 2. LOGIN FORM - Center */
.pf-v5-c-login__main {
    order: 2 !important;
    width: 100% !important;
    max-width: 400px !important;
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    border: 1px solid #eee !important;
    margin: 0 auto !important;
}

.pf-v5-c-login__main-header {
    padding: 0 0 20px 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.pf-v5-c-login__main-body {
    padding: 0 !important;
}

/* Title */
h1.pf-v5-c-title,
.pf-v5-c-title.pf-m-3xl {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 500 !important;
    color: #000 !important;
    margin: 0 !important;
}

/* 3. FOOTER TEXT - Bottom center */
.eddm-login-footer-info {
    order: 3 !important;
    width: 100% !important;
    max-width: 400px !important;
    margin-top: 30px !important;
    text-align: center !important;
    font-size: 0.9rem !important;
    color: #333 !important;
    font-family: 'Poppins', sans-serif !important;
    line-height: 1.5 !important;
}

/* Hide default header */
.pf-v5-c-login__header {
    display: none !important;
}

/* BUTTON - BLACK */
button#kc-login,
.pf-v5-c-button.pf-m-primary,
button.pf-v5-c-button.pf-m-primary {
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    padding: 12px 20px !important;
    width: 100% !important;
    margin-top: 15px !important;
    cursor: pointer !important;
    --pf-v5-c-button--m-primary--BackgroundColor: #000000 !important;
}

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

/* INPUTS */
.pf-v5-c-form-control,
input.pf-v5-c-form-control {
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 10px 12px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #333 !important;
}

.pf-v5-c-form-control:focus,
input.pf-v5-c-form-control:focus {
    background-color: #fff !important;
    border-color: #000 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* LABELS */
.pf-v5-c-form__label,
.pf-v5-c-form__label-text {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.85rem !important;
    color: #333 !important;
    margin-bottom: 5px !important;
}

/* LINKS */
a {
    color: #000 !important;
    text-decoration: underline !important;
}

/* Language selector */
#login-select-toggle {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 8px !important;
    background: #fff !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Footer band */
.pf-v5-c-login__main-footer-band {
    margin-top: 20px !important;
    text-align: center !important;
}