/* --- Inputs styled like Bootstrap (CSS-only) --- */
.login-card input[type="text"],
.login-card input[type="email"],
.login-card input[type="password"] {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: 1px solid var(--bs-border-color);
  border-radius: .375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* Focus ring */
.login-card input[type="text"]:focus,
.login-card input[type="email"]:focus,
.login-card input[type="password"]:focus {
  border-color: var(--bs-primary);
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .25);
}

/* Placeholders */
.login-card input::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}

/* Spacing for labels + errors */
.login-card label {
  margin-bottom: .25rem;
  font-weight: 500;
}
.login-card .errorlist {
  margin: .25rem 0 0;
  padding-left: 0;
  list-style: none;
  color: var(--bs-danger);
  font-size: .9rem;
}

/* Button full width */
.login-card .btn {
  width: 100%;
}

/* Dark mode tweaks for Chrome autofill */
[data-bs-theme="dark"] .login-card input:-webkit-autofill {
  -webkit-text-fill-color: var(--bs-body-color);
  -webkit-box-shadow: 0 0 0 30px var(--bs-body-bg) inset !important;
  box-shadow: 0 0 0 30px var(--bs-body-bg) inset !important;
}

/* Keep our earlier dark-friendly backdrop */
body.login-page {
  background: url("/static/images/login-bg.jpg") no-repeat center center fixed !important;
  background-size: cover !important;
}
.login-wrapper {
  min-height: 100vh;
  padding: 2rem;
  position: relative;
}
.login-wrapper::before {
  /*content: "";*/
  position: absolute; inset: 0;
  background: rgba(255,255,255,.35);
  pointer-events: none;
}
[data-bs-theme="dark"] .login-wrapper::before {
  background: rgba(0,0,0,.45);
}

.login-card {
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);  /* softer */
}
[data-bs-theme="dark"] .login-card {
  box-shadow: 0 4px 16px rgba(0,0,0,0.6);   /* a little stronger in dark */
}


/* Force login background to override base gradient */
body.login-page {
  background: url("/static/images/forticloud-bg.png") no-repeat center center fixed !important;
  background-size: cover !important;
}

/* Overlay to improve contrast */
.login-wrapper::before {
  /*content: "";*/
  position: absolute; inset: 0;
  background: rgba(255,255,255,.35); /* lighten in light mode */
  pointer-events: none;
}
[data-bs-theme="dark"] .login-wrapper::before {
  background: rgba(0,0,0,.45);       /* darken in dark mode */
}


/* Default = light logo */
.logo-img {
  content: url("/static/images/logo-FortiCloud.png");
}

/* Override in dark mode */
[data-bs-theme="dark"] .logo-img {
  content: url("/static/images/logo-FortiCloud-dark.png");
}