/* public/assets/auth.css
   Only for auth pages (login/register). Keeps layout stable on mobile.
*/

/* Make auth pages a vertical layout: header -> main -> footer */
body.auth-page{
  min-height: 100vh;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* Ensure navbar doesn't force horizontal layout */
body.auth-page nav.navbar{
  width: 100%;
}

/* Main area centers the auth card and prevents footer from sitting "beside" it */
body.auth-page main{
  flex: 1 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
}

/* Make containers behave on small screens */
body.auth-page .container{
  width: 100%;
}

/* Auth card sizing for mobile */
body.auth-page .auth-card{
  width: 100%;
}

/* Mobile: tighter spacing and guaranteed centering */
@media (max-width: 575.98px){
  body.auth-page main{
    padding: 12px 0;
  }
  body.auth-page .auth-card{
    border-radius: 1.25rem;
    padding: 1.25rem !important;
  }
  body.auth-page .auth-card .h5{
    font-size: 1.15rem;
  }
}

/* Footer should be full-width and not push into a "side column" */
body.auth-page .site-footer{
  flex: 0 0 auto;
  width: 100%;
  margin-top: 0 !important;
}