/* Full-screen background image */
html, body {
  height: 100%;
}

body.login-pf,
body {
  background: url("../img/background.jpg") no-repeat center center fixed !important;
  background-size: cover !important;
  background-color: #000 !important; /* fallback */
}

/* Make all page wrappers transparent so the image shows through */
.login-pf,
.login-pf-page,
#kc-page,
#kc-page-background,
#kc-content,
#kc-content-wrapper,
#kc-container,
.pf-c-page,
.pf-c-page__main,
.pf-c-page__main-section {
  background: transparent !important;
  background-image: none !important;
}

/* Center the content vertically */
#kc-content {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Strip default PatternFly card look */
.card-pf {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Our own “card” around the form */
#kc-form-wrapper {
  background: rgba(255, 255, 255, 0.85) !important;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

/* Header styling */
#kc-header {
  background: transparent !important;   /* keep background image visible */
  border-bottom: none !important;
  padding-top: 24px;
  padding-bottom: 12px;
}

#kc-header-wrapper {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
  color: #f9fafb;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}