/* ===========================================
   ALMSIM Custom Theme - Keycloak 26
   Farben, Hintergrund und Layout
   =========================================== */

/* Hintergrundbild */
.login-pf {
    background: none;
}

body.pf-v5-c-page,
.login-pf body {
    background: url("../img/pfadgenerator_background.jpg") no-repeat center center fixed;
    background-size: cover;
    height: 100%;
}

/* Mobile: weißer Hintergrund */
@media (max-width: 767px) {
    .login-pf body,
    body.pf-v5-c-page {
        background: white;
    }
}

/* ===========================================
   Login Box Größe (Standard Keycloak)
   =========================================== */
.card-pf,
.pf-v5-c-card,
#kc-form-wrapper,
.login-pf-page .card-pf {
    max-width: 500px;
    margin: 0 auto;
}

/* Card Border-Farbe */
.card-pf,
.pf-v5-c-card {
    border-top: 4px solid #0f8264;
}

/* ===========================================
   Buttons: Hell (normal) → Dunkel (hover/active)
   BOOTSTRAP KLASSEN
   =========================================== */

/* Normal/Unfokussiert - HELLES Grün */
.btn-primary,
.btn.btn-primary,
#kc-login,
input.btn-primary,
button.btn-primary {
    background-color: #33a187 !important;
    background-image: none !important;
    border-color: #33a187 !important;
    color: #ffffff !important;
}

/* Hover - DUNKLES Grün */
.btn-primary:hover,
.btn.btn-primary:hover,
#kc-login:hover,
input.btn-primary:hover,
button.btn-primary:hover {
    background-color: #0c6a52 !important;
    background-image: none !important;
    border-color: #0c6a52 !important;
    color: #ffffff !important;
}

/* Focus/Active - DUNKLES Grün */
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn.btn-primary:focus,
.btn.btn-primary:active,
#kc-login:focus,
#kc-login:active,
input.btn-primary:focus,
input.btn-primary:active,
button.btn-primary:focus,
button.btn-primary:active {
    background-color: #0c6a52 !important;
    background-image: none !important;
    border-color: #0f8264 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(51, 161, 135, 0.5) !important;
}

/* ===========================================
   Links: Impressum, Datenschutz, etc.
   =========================================== */

/* Normal - HELLES Grün */
.login-pf a,
.login-pf-page a,
#kc-info a,
#kc-registration a {
    color: #33a187;
}

/* Hover/Focus - DUNKLES Grün */
.login-pf a:hover,
.login-pf a:focus,
.login-pf-page a:hover,
.login-pf-page a:focus,
#kc-info a:hover,
#kc-info a:focus,
#kc-registration a:hover,
#kc-registration a:focus {
    color: #0c6a52;
}

/* ===========================================
   Input Focus
   =========================================== */
.login-pf-page .form-control:focus,
.pf-v5-c-form-control:focus,
.pf-c-form-control:focus,
.form-control:focus {
    border-color: #0c6a52;
    box-shadow: 0 0 8px rgba(51, 161, 135, 0.6);
}

/* ===========================================
   "Or sign in with" Text VERSTECKEN
   =========================================== */
#kc-social-providers h2,
#kc-social-providers h3,
#kc-social-providers h4,
.kc-social-section hr,
.kc-social-section h2,
.kc-social-section h3,
.kc-social-section h4,
#kc-social-providers > h2,
.login-pf-page .kc-social-section > h2,
.login-pf-page #kc-social-providers > h2 {
    display: none !important;
}