/* assets/css/login.css */

/*
  It's often better to control full-page background and centering
  directly in the <style> tag of login.php or a more global CSS if this page
  doesn't use the main.php layout. The styles below are minimal overrides
  if you want to keep login.css separate.
*/

/*
  The default form-signin styles from Bootstrap's example are very specific.
  If using a custom background and centering as shown in the login.php <style> block,
  much of the original login.css might not be necessary or could be simplified.
*/

/* Basic styling for the form elements if needed, assuming login-container handles main layout */
.login-container .form-floating:focus-within {
  z-index: 2;
}

/* Specific input adjustments if using Bootstrap's stacked inputs for email/password */
/* These might not be needed if the mb-3 on form-floating provides enough spacing */
.login-container input[type="email"] {
  /* margin-bottom: -1px; */ /* Only if inputs are directly stacked with no margin */
  /* border-bottom-right-radius: 0; */
  /* border-bottom-left-radius: 0; */
}

.login-container input[type="password"] {
  /* margin-bottom: 10px; */ /* Original had this, adjust based on form-floating margin */
  /* border-top-left-radius: 0; */
  /* border-top-right-radius: 0; */
}

/* Ensure form inputs are legible on the potentially semi-transparent card */
.login-container .form-control {
    background-color: #fff; /* Ensure input background is opaque white */
}