/* ===============================
   LOGIN PAGE CSS (Merged)
   =============================== */
/* body {
  overflow: hidden !important;
} */
/*.navbar .container {
  display: none;
}*/

.navbar {
    background-image: linear-gradient(270deg, rgb(208 55 56 / 63%), transparent);
    background-color: #d12a2e;
    background-size: 100% 400%;
    animation: gradient 15s ease infinite;
    position: relative;
    border-bottom: 1px solid #c12a2d;
}
.navbar-light .navbar-brand {
    color: rgba(255, 255, 255, 0.9);
}
#page-login {
  background: url("/assets/custom_theme/images/background-image1.jpg") no-repeat scroll 0 0;
  background-size: cover;
  height: 100vh; /* file 1 priority */
  min-height: 100vh; /* from file 2 (harmless) */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
  position: relative;
  text-align: center;
}

.page-card-head img {
  display: none; /* file 1 priority */
}

.page-card-head .app-logo {
  width: 80px;
  margin-bottom: 1rem; /* from file 2 */
}

.page-card-head::before {
  content: "";
  background: url(/assets/custom_theme/images/logo.png) no-repeat scroll 0 0;
  width: 242px;
  height: 39px;
  display: block;
  background-size: contain;
  background-position: center center;
}

.page-card-head::after {
  border-bottom: dotted 1px #fff;
  color: #fff;
  width: 100%;
  display: block;
  text-align: left;
  padding-bottom: 6px;
}

/* Page cards */
#page-login .for-login .page-card,
#page-login .for-forgot .page-card,
#page-login .for-login-with-email-link .page-card {
  background-color: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 5px 0 !important;
}

.for-login,
.for-forgot,
.for-login-with-email-link {
  width: 410px;
  float: right;
  margin-top: 4%;
  box-shadow: 0px 0px 40px #1766a530;
  border-radius: 20px;
  padding: 70px;
  background: #fff;
  position: relative;
}

.email-field #login_email,
.password-field #login_password,
#forgot_email,
#login_with_email_link_email {
  padding: 20px 20px 20px 30px !important;
  border: solid 1px #5a5a5a;
}

.for-login .page-card .page-card-body .field-icon { top: 13px !important; }
.for-forgot .page-card .page-card-body .field-icon,
.for-login-with-email-link .page-card .page-card-body .field-icon { top: 9px !important; }

/* Buttons */
.btn.btn-primary {
    background-color: #fff;
    padding: 10px !important;
    color: #d13133;
    border: solid 1px #d03033;
}
.btn.btn-primary:active {
  color: #fff !important;
  background-color: #d03033 !important;
}

/* Extra login button from file 2 (not in file 1) */
.btn-login {
  width: 100%;
  padding: 0.8rem;
  background: linear-gradient(135deg, #2563eb00, #06b6d400);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.3s;
}
.btn-login:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgb(209 48 51 / 31%);
}

/* Misc text */
.forgot-password-message a,
.text-muted,
.sign-up-message a {
  color: #525252 !important;
}

#page-login .page_content { min-height: auto; }
#page-login .form-login,
#page-login .form-signin,
#page-login .form-login-with-email-link { max-width: 100%; }

.page-card-head {
  padding: 0 !important;
  position: absolute;
  top: -18px;
  left: 20%;
}

.login-head {
  font-size: 21px;
  text-align: center;
  margin-top: 0;
}
.login-head span { color: #ff8f34; }

.login-sub-head {
  font-size: 18px;
  font-weight: 200;
  text-align: left;
  border-bottom: dotted 1px #666;
  margin: 0 0 20px 0;
  padding-bottom: 6px;
}

.toggle-password.text-muted { top: 11px !important; }

/* Responsive adjustments (from file 2 only) */
@media (max-width: 992px) {
  #page-login { padding: 2rem 1rem; }
  .page-card-head .app-logo { width: 50px; }
  .page-card-head h4 { font-size: 1.4rem; }
  .btn-login { font-size: 0.95rem; padding: 0.7rem; }
}

@media (max-width: 576px) {
  #page-login {
    padding: 1rem;
    background-attachment: scroll;
  }
  .page-card-head .app-logo { width: 45px; }
  .page-card-head h4 { font-size: 1.2rem; }
  .btn-login { font-size: 0.9rem; padding: 0.6rem; border-radius: 8px; }
}