/* =========================================================================
   SUNQU — wp-login.php
   Viste la pantalla de acceso por defecto de WordPress con la identidad de
   marca (tipografía, paleta, botón .sq-btn) en vez del azul/gris de núcleo.
   Solo esta pantalla: no toca el admin (wp-admin) en sí.
   ========================================================================= */
body.login {
  background: var(--sq-cream);
  font-family: var(--sq-font-text);
}
body.login div#login {
  width: 380px;
  padding: 0;
}
/* Logo: por defecto (sin logo configurado) el enlace del <h1> muestra el
   nombre del sitio en Fraunces, en vez del texto "Powered by WordPress" de
   núcleo. Cuando SÍ hay logo (Opciones Sunqu > Header, campo sq_header_logo,
   el mismo que usa header.php), sunqu_login_enqueue_assets() en inc/login.php
   añade un <style> inline que pone el fondo y oculta este texto — su URL es
   dinámica (subida por el cliente) y no puede vivir en un .css estático.
   No hay forma de marcar el <h1> por clase (wp-login.php la fija a
   "wp-login-logo" sin filtro), así que el modo "con logo" vive entero en
   ese inline style, no aquí. */
body.login h1 {
  margin: 0 0 32px;
}
body.login h1 a {
  display: block;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-family: var(--sq-font-title);
  font-size: 26px;
  font-weight: 500;
  color: var(--sq-ink);
  text-decoration: none;
  text-indent: 0;
}
body.login #login form {
  box-sizing: border-box;
  margin-top: 0;
  padding: 36px 32px 28px;
  background: var(--sq-white);
  border: 1px solid var(--sq-line);
  border-radius: 0;
  box-shadow: none;
}
body.login #login form .forgetmenot {
  margin-bottom: 16px;
}
body.login label {
  font-family: var(--sq-font-text);
  font-size: 13px;
  font-weight: 600;
  color: var(--sq-navy);
  letter-spacing: 0.01em;
}
body.login .input,
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 15px;
  border: 1px solid var(--sq-line);
  border-radius: 0;
  background: var(--sq-white);
  color: var(--sq-ink);
  font-family: inherit;
  font-size: 15px;
  box-shadow: none;
  transition: border-color 0.3s;
}
body.login .input:focus,
body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
  border-color: var(--sq-gold);
  box-shadow: none;
  outline: none;
}
body.login input[type="checkbox"]:checked::before {
  color: var(--sq-gold-text);
}
body.login .wp-pwd {
  display: flex;
}
/* Botones secundarios de núcleo sin marcar .button-primary — «Cambiar»
   (selector de idioma), «Generate Password», «Update» (aviso de email de
   admin): versión ghost de .sq-btn, nunca dorado sólido (eso es solo el
   CTA principal). La regla de abajo (.button-primary/#wp-submit) es más
   específica y gana donde aplica. */
body.login .button {
  box-sizing: border-box;
  border: 1px solid var(--sq-line);
  border-radius: 0;
  background: var(--sq-white);
  color: var(--sq-ink);
  font-family: var(--sq-font-text);
  font-size: 13px;
  text-shadow: none;
  box-shadow: none;
}
body.login .button:hover {
  background: var(--sq-cream);
  border-color: var(--sq-gold);
  color: var(--sq-ink);
}
/* Botón «Acceder»: mismo look que .sq-btn (03-buttons.less) — dorado
   sólido, texto blanco (decisión de marca vigente, ver esa hoja), sin
   radio, mayúsculas con tracking en Jost. No se reutiliza la clase .sq-btn
   tal cual porque WordPress imprime sus propias clases .button.button-primary
   en el <input>, más fácil de pisar por selector que de reescribir el markup
   del formulario. */
body.login .button.button-primary,
body.login #wp-submit {
  box-sizing: border-box;
  width: 100%;
  padding: 14px 30px;
  border: 1px solid var(--sq-gold);
  border-radius: 0;
  background: var(--sq-gold);
  color: var(--sq-white);
  font-family: var(--sq-font-text);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-shadow: none;
  box-shadow: none;
  cursor: pointer;
  transition: var(--sq-transition);
  height: auto;
  line-height: 1.2;
}
body.login .button.button-primary:hover,
body.login .button.button-primary:focus,
body.login #wp-submit:hover,
body.login #wp-submit:focus {
  background: var(--sq-gold-dark);
  border-color: var(--sq-gold-dark);
  color: var(--sq-white);
  box-shadow: none;
}
/* Botón «mostrar contraseña» (icono de ojo): WordPress lo pinta como
   .button.button-secondary — no debe heredar el estilo dorado de arriba. */
body.login .button.wp-hide-pw {
  width: auto;
  border-color: var(--sq-line);
  background: var(--sq-white);
  color: var(--sq-muted);
}
body.login .button.wp-hide-pw:hover {
  background: var(--sq-cream);
  color: var(--sq-ink);
}
body.login #login form p.submit {
  margin-bottom: 0;
}
/* Enlaces: «¿Olvidaste tu contraseña?», «← Volver a Sunqu» y el aviso de
   privacidad — mismo dorado-texto que el resto del sitio (--sq-gold-text,
   calibrado a 4.5:1 sobre fondos claros; --sq-gold-dark solo vale para
   fondos/rellenos, nunca como color de texto, ver 00-variables.less). */
body.login #nav,
body.login #backtoblog {
  padding: 0 4px;
}
body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
  color: var(--sq-gold-text);
  font-size: 13px;
  text-decoration: none;
}
body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover {
  color: var(--sq-gold-dark);
  text-decoration: underline;
}
/* Mensajes/errores: el rojo de núcleo de WordPress se cambia por el acento
   oxblood de marca (--sq-oxblood, único uso admitido para errores/detalles
   pequeños — nunca en botones, ver 00-variables.less); los mensajes neutros
   (confirmación de registro, aviso de contraseña enviada) se quedan en la
   paleta tinta/crema del sitio, sin verde/azul de núcleo. */
body.login #login_error,
body.login .notice.notice-error {
  border-left: 4px solid var(--sq-oxblood);
  background: var(--sq-blush);
  color: var(--sq-ink);
  font-size: 14px;
  border-radius: 0;
  box-shadow: none;
}
body.login .message,
body.login .notice.notice-success {
  border-left: 4px solid var(--sq-gold);
  background: var(--sq-cream);
  color: var(--sq-ink);
  font-size: 14px;
  border-radius: 0;
  box-shadow: none;
}
body.login #login_error strong,
body.login .message strong {
  color: var(--sq-ink);
}
body.login .login-info {
  border-radius: 0;
}
body.login #language-switcher .locales-form-select,
body.login #login select {
  border-color: var(--sq-line);
  border-radius: 0;
  font-family: var(--sq-font-text);
  color: var(--sq-ink);
}