/*
 * ZUPCO Intercity Admin branding for Keycloak's login theme.
 * Colors/fonts match admin-intercity's pages/index.vue custom login page 1:1
 * (direct-grant login never shows this UI; this is what users actually see
 * on the "set your password" flow reached from the reset email, and any
 * Keycloak-hosted error page).
 */

@import url('https://fonts.googleapis.com/css?family=Bebas+Neue|Poppins&display=swap');

body#keycloak-bg {
  background: #0c50a4 !important;
  font-family: 'Poppins', sans-serif;
}

/* Logo swapped in via the header's background-image (same pattern the base
   theme uses for its own logo) - loginTitleHtml text content is hidden.
   Centered in a white rounded box, matching the .logo-box treatment on
   admin-intercity's own login page. */
#kc-header-wrapper.zupco-header {
  background-color: rgba(255, 255, 255, 0.95);
  background-image: url(../img/zupco-logo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-origin: content-box;
  width: 200px;
  height: 66px;
  padding: 14px 20px;
  border-radius: 1.25rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translateX(-50%);
}

.pf-v5-c-login__main {
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 1rem;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
}

.pf-v5-c-login__main-header .pf-v5-c-title,
#kc-page-title {
  font-family: 'Bebas Neue', sans-serif;
  color: #020759;
  letter-spacing: 0.05rem;
}

.pf-v5-c-form-control {
  border-radius: 0.875rem !important;
  border: 1.5px solid #e2e8f0 !important;
  background-color: #f8fafc !important;
  color: #2d3748 !important;
  font-family: 'Poppins', sans-serif;
}

.pf-v5-c-form-control:focus {
  border-color: #0c50a4 !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(12, 80, 164, 0.1) !important;
}

.pf-v5-c-button.pf-m-primary {
  background: linear-gradient(135deg, #020759 0%, #0c50a4 100%) !important;
  border-radius: 0.875rem !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

.pf-v5-c-button.pf-m-primary:hover {
  filter: brightness(1.1);
}

a,
.pf-v5-c-login__main-footer-band-item a {
  color: #0c50a4;
}