/* Full page center like Bob */
html, body {
  height: 100%;
  margin: 0;
}

.page-container {

background-image: url("../login-cover.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;

  min-height: 100vh;
  display: flex;
  align-items: center;      /* vertical center */
  justify-content: center;  /* horizontal center */
  padding: 24px;
}

/* The white login card */
.panel.panel-body.login-form {
 background: #ffffff !important;
  overflow: hidden;
 width: 100%;
  max-width: 520px;         /* adjust: 480–560 if needed */
  margin: 0 !important;
  padding: 60px 60px 50px;  /* big clean spacing like Bob */
  background: #fff;
  border-radius: 0;         /* Bob is square */
  box-shadow: none;         /* Bob has no heavy shadow */
  text-align: center;
}

/* Hide extra text blocks if you want it ultra-clean like Bob (optional) */
/* .panel.panel-body.login-form p, .panel.panel-body.login-form hr { display:none; } */

/* Inputs: full width, same height, centered */
.panel.panel-body.login-form input[type="text"],
.panel.panel-body.login-form input[type="email"],
.panel.panel-body.login-form input[type="password"] {
  width: 100% !important;
  max-width: 360px;         /* makes it like Bob (not too wide) */
  margin: 18px auto 0;
  height: 46px;
  padding: 10px 14px;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  font-size: 16px;
  display: block;
}

/* Button like Bob */
.panel.panel-body.login-form button,
.panel.panel-body.login-form .btn {
  width: 100% !important;
  max-width: 360px;
 background-color: #D01D73;
 margin: 18px auto 0;
  height: 48px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  display: block;
}

/* Remove icons inside inputs if your theme adds them */
.panel.panel-body.login-form .form-control-feedback,
.panel.panel-body.login-form .icon-user,
.panel.panel-body.login-form .icon-lock {
  display: none !important;
}




/* App section */
.login-apps {
  border: none !important;
  background: #5a5a5a;
  padding: 18px 24px 20px;
  text-align: center;
}

.login-apps p {
  margin-bottom: 10px;
  font-weight: 600;
}

.login-apps .stores {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.login-apps img {
  height: 36px;
}