/*
 * The Portland Foundation — style.css
 * This file is loaded LAST and is intended for admin-selectable
 * or site-specific overrides on top of assets/css/theme.css.
 * Keep this file minimal; put design-system rules in theme.css.
 */

/* Example: custom override */
/* body { background: #fffdf7; } */

/* ---- Login page: Bootstrap 5 classes not available in BS3 grid ---- */
#login-template {
  display: flex;
  min-height: calc(100vh - 160px);
  align-items: center;
  justify-content: center;
  padding: 40px 16px;
  box-sizing: border-box;
}

/* Row becomes a fixed-width block, not a BS3 float grid */
#login-template .row {
  display: block !important;
  float: none !important;
  width: 420px;
  max-width: 100%;
  margin: 0 !important;
}

/* Column div (col-12 etc.) — force full width */
#login-template .row > div {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
  box-sizing: border-box;
}

/* Card shell */
#login-template .card {
  width: 100%;
  background: #fff;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  box-sizing: border-box;
}

#login-template .card-body {
  padding: 2rem;
  box-sizing: border-box;
}

#login-template .card-title {
  font-family: var(--serif);
  color: var(--green-deep);
  font-size: 1.05rem;
  font-weight: 600;
  margin: 0 0 1.25rem;
  text-align: center;
}

/* Form and all inputs fill the card */
#login-template .form-signin {
  width: 100%;
  box-sizing: border-box;
}

#login-template .form-signin input[type="text"],
#login-template .form-signin input[type="password"],
#login-template .form-signin input[type="email"],
#login-template .form-signin .form-control {
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding: 8px 12px;
  margin-bottom: 12px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 14px;
}

#login-template .form-signin .btn,
#login-template .form-signin button[type="submit"] {
  width: 100%;
  display: block;
  margin-top: 8px;
}