/*!
 * acceso.css — páginas de acceso, contraseña y registro.
 *
 * Copiado de betterlogin.css, el módulo que en D7 sustituye las plantillas de
 * usuario del tema por una caja centrada. Se porta el CSS tal cual para que el
 * resultado coincida; las plantillas Twig reproducen su marcado.
 */

#auth_box {
  width: 300px;
  margin: 0 auto;
  padding: 50px 0 0;
  font-family: sans-serif;
}

#auth_box h1#the_logo {
  text-align: center;
  margin: 0;
  padding: 0 0 25px;
}
#auth_box h1#the_logo img {
  max-width: 250px;
}
#auth_box h2.title {
  margin: 0;
  padding: 0 0 15px;
  font-size: 2em;
}
#auth_box input[type="text"],
#auth_box input[type="password"] {
  width: 260px;
  border: 1px #ccc solid;
  border-radius: 3px;
  padding: 5px;
  font-size: 15px;
}

#auth_box input[type="submit"] {
  float: right;
}

#auth_box #middle_part {
  border-radius: 3px;
  background: #fff;
  padding: 15px;
  overflow: hidden;
  box-shadow: 0 0 3px 1px #ccc;
}

#auth_box .back_link {
  padding: 15px 0 0;
}

#auth_box #bottom_part {
  font-size: 13px;
  padding: 15px 0 0;
}


/*
 * Anulación de las reglas de custom.css.
 *
 * El custom.css del tema del frontal trae su propio bloque para #auth_box:
 * caja del 60 % con ancho mínimo de 500 px, logotipo flotado a la izquierda y
 * sombra en la cabecera. En D7 nunca se aplican, porque las páginas de usuario
 * las sirve el tema interno, y allí ese mismo bloque está comentado.
 *
 * Aquí las sirve el tema del frontal, así que hay que devolver los valores de
 * betterlogin para que la caja quede centrada y estrecha, como en D7.
 */
#auth_box {
  width: 300px;
  min-width: 0;
  max-width: none;
  margin: 0 auto;
  padding: 50px 0 0;
}

#auth_box #top_part {
  box-shadow: none;
  border: 0;
  padding: 0;
  margin-bottom: 0;
}

#auth_box h1,
#auth_box h1#the_logo {
  float: none;
  font-size: inherit;
  text-align: center;
  margin: 0;
  padding: 0 0 25px;
}

/* Botón "Iniciar sesión".
   D7 lo colorea de azul primario (#337ab7, radio 4px) por una heurística del
   tema Bootstrap de D7 que da `.btn-primary` a cualquier botón cuyo texto sea
   "Log in" — ver el form_alter en facficesa.module, que replica el
   resultado con `#button_type = 'primary'`. Pero el elemento real es
   `<input type="submit">` en D11 (D7 usaba `<button>`, la misma divergencia
   de etiqueta ya aceptada en el formulario de contacto en la fase 5), así que
   la regla genérica `input[type="submit"] { background:#02acd0 }` de
   custom.css —más específica que una sola clase— sigue ganando. Se anula
   solo aquí, por id, sin tocar el resto de envíos del sitio. */
#auth_box #edit-submit.btn-primary {
  background: #428bca;
  border-color: #357ebd;
  border-radius: 4px;
  padding: 6px 12px;
  text-transform: none;
  font-size: 14px;
}
#auth_box #edit-submit.btn-primary:hover,
#auth_box #edit-submit.btn-primary:focus {
  background: #3071a9;
  border-color: #285e8e;
}