/* Patternfly CSS places a "bg-login.jpg" as the background on this ".login-pf" class.
   This clashes with the "keycloak-bg.png' background defined on the body below.
   Therefore the Patternfly background must be set to none. */

.login-pf {
    background: none;
    background-size: cover;
    background-color: white;
    color: var(--bw-grey-95,--bw-color-foreground-primary,#2a2623)	
}

.login-pf body {
    background: white;
    color: var(--bw-grey-95,--bw-color-foreground-primary,#2a2623)
}
.card-pf {
    border: 1px solid var(--bw-color-border-subtle, #CBC6BD);
}

.pf-c-button.pf-m-primary {
    color: white;
    background-color: var(--bw-color-foreground-primary,#2a2623);
    border-radius: 3px;
}

.pf-c-button.pf-m-primary:hover, .pf-c-button.pf-m-primary:focus {
    color: var(--bw-color-foreground-primary, #2a2623);
    background-color: var(--bw-color-background-accent, #FFFC00);
    border-radius: 1px solid var(--bw-color-border-primary, #524942);
}

/* Register legal hint to match login help text */
.legal-hint {
    margin-top: 12px;
    font-size: 0.9em;
    color: var(--bw-color-foreground-muted, #555);
}
.legal-hint a {
    color: var(--bw-color-foreground-primary, #2a2623);
    text-decoration: underline;
}
.legal-hint a:hover,
.legal-hint a:focus {
    color: #0099d3;
}

/* Checkbox + Text sauber in einer Zeile (minimal) */
#termsAccepted {
  display: inline-block;
  vertical-align: top;
  margin: .5rem .6rem 0 0;      /* Abstand zur Beschriftung */
}
#kc-register-form label[for="termsAccepted"] {
  display: inline-block;
  width: calc(100% - 2rem);      /* Platz rechts der Checkbox */
  line-height: 1.45;
}
/* Terms Überschrift */
#kc-register-form .form-group:has(#kc-registration-terms-text) > :first-child {
  display: block;
  font-weight: 700;
  margin: 0 0 0 0;
  color: var(--bw-color-foreground, #222);
}

/* Terms Text unter der Überschrift */
#kc-registration-terms-text {
  font-weight: 400;
  padding-left: -1.5rem;
  margin: 0;
  line-height: 1.45;
}