/**
 * Guest/public pages: full-width header + centered form content.
 * Theme CSS caps body at ~1920px; load this only on pages that need
 * viewport-wide chrome without changing staff/admin screens.
 *
 * Used by: /login, /register, /password/reset, /web-tickets/create
 */
body {
  width: 100% !important;
  max-width: none !important;
}

.main-wrapper,
#header_sign_in,
.navbar-bg,
.main-footer.public-footer {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

#header_sign_in {
  left: 0;
  right: 0;
}

.user-navbar {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

/* Auth forms (login / register / password reset) */
.guest-fullwidth-auth {
  justify-content: center;
}

.guest-fullwidth-auth > [class*="col-"] {
  float: none;
  margin-left: auto !important;
  margin-right: auto !important;
}

.guest-fullwidth-auth .card.card-custom {
  margin-left: auto;
  margin-right: auto;
}

.guest-fullwidth-auth #signin_input_parts {
  margin-left: auto;
  margin-right: auto;
}

.guest-fullwidth-auth button#submit_sign_in,
.guest-fullwidth-auth button#reset_send_mail {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Guest create forms (web tickets, etc.) */
.guest-fullwidth-create > .section-header {
  justify-content: center;
  text-align: center;
}

.guest-fullwidth-create > .section-header h1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.guest-fullwidth-create .card,
.guest-fullwidth-create .card-body,
.guest-fullwidth-create form {
  margin-left: auto;
  margin-right: auto;
}