/* /community/login.css — v7 */
/* Hide sidebar on login + register; larger centered auth; BG visible with light overlay */

.login-page .sidebar,
.register-page .sidebar,
.auth-page .sidebar { display: none !important; }

.login-page .layout,
.register-page .layout,
.auth-page .layout {
  display: grid; grid-template-columns: 1fr;
  min-height: calc(100dvh - 80px);
}

/* Transparent containers so BG photo shows */
.login-page main.container,
.register-page main.container,
.auth-page main.container {
  max-width: 720px; width:100%;
  margin: 48px auto; padding: 0 12px;
  background: transparent !important;
  border: 0 !important; box-shadow: none !important;
}

.login-page .login-form,
.register-page .register-form,
.auth-page .auth-form {
  display: grid; gap: 14px;
  max-width: 560px; margin: 0 auto;
}

/* Inputs */
.login-page input, .register-page input, .auth-page .auth-form input {
  width: 100%; padding: 12px 14px;
  border: 1px solid #d1d5db; border-radius: 10px;
  background: #fff;
}
.login-page input:focus,
.register-page input:focus,
.auth-page .auth-form input:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99,102,241,.15);
}

/* Submit buttons */
.login-page button[type="submit"],
.register-page button[type="submit"],
.auth-page .auth-form button[type="submit"]{
  padding: 12px 16px; border: 0; border-radius: 12px; cursor: pointer;
  font-weight: 700; color: #fff; background: #00796B;
}
.login-page h1, .register-page h1, .auth-page h1,
.login-page p,  .register-page p,  .auth-page p { text-align: center; }

/* BG photo + light overlay specifically on login */
body.login-page {
  background: url('/community/uploads/city_limits.png') center center / cover no-repeat fixed;
}
body.login-page::before {
  content:""; position: fixed; inset: 0;
  background: rgba(255,255,255,0.12);
  pointer-events: none; z-index: 0;
}
.login-page main.container, .login-page .login-form, .login-page h1, .login-page p {
  position: relative; z-index: 1;
}