/* ============================================================
   MS Hotels — Estilos personalizados para wp-login.php
   v1.2
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;600&display=swap');

:root {
    --ms-navy:       #1B2B4B;
    --ms-navy-dark:  #111D33;
    --ms-gold:       #C9A96E;
    --ms-gold-light: #E8D5A8;
    --ms-cream:      #F8F6F1;
    --ms-border:     #E5E0D5;
    --ms-stone:      #6B7280;
}

/* Fondo oscuro con gradiente corporativo */
body.login {
    background: var(--ms-navy-dark) !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
}

body.login::before {
    content: '';
    position: fixed;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 60% at 20% 80%, rgba(201,169,110,0.07) 0%, transparent 60%),
        radial-gradient(ellipse 60% 80% at 80% 20%, rgba(42,63,106,0.5) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

/* ── LOGO BLANCO ────────────────────────────────────────────── */
#login h1 a,
.login h1 a {
    background-image: url('../logo-MS-Blanco.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 160px !important;
    height: 140px !important;
    display: block !important;
    margin: 0 auto !important;
    filter: none !important; /* ya es blanco, no invertir */
}

#login h1 a::before,
#login h1 a::after { display: none !important; }

/* ── OCULTAR TODOS LOS ENLACES BAJO EL FORMULARIO ──────────── */
/* Oculta #nav (contiene "¿Has perdido tu contraseña?")        */
/* y #backtoblog (contiene cualquier enlace al sitio)          */
#login #nav,
#login #backtoblog,
.login #nav,
.login #backtoblog {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Ocultar cualquier enlace <a> que aparezca fuera del form    */
#login > p,
#login > ul,
.login-action-login ~ p,
#login a:not(h1 a) {
    display: none !important;
}

/* ── CARD DEL FORMULARIO ────────────────────────────────────── */
#loginform,
#lostpasswordform {
    background: #fff !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 2.5rem !important;
    box-shadow: 0 32px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(201,169,110,0.12) !important;
    position: relative;
    z-index: 1;
}

#loginform::before {
    content: 'Portal de Acceso Privado';
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ms-stone);
    text-align: center;
    margin-bottom: 1.75rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--ms-border);
}

/* ── LABELS ─────────────────────────────────────────────────── */
#loginform label,
#lostpasswordform label {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--ms-stone) !important;
}

/* ── INPUTS ──────────────────────────────────────────────────── */
#loginform input[type="text"],
#loginform input[type="password"],
#lostpasswordform input[type="text"] {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.9375rem !important;
    color: var(--ms-navy) !important;
    background: var(--ms-cream) !important;
    border: 1.5px solid var(--ms-border) !important;
    border-radius: 6px !important;
    padding: 0.875rem 1rem !important;
    height: auto !important;
    box-shadow: none !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

#loginform input[type="text"]:focus,
#loginform input[type="password"]:focus,
#lostpasswordform input[type="text"]:focus {
    border-color: var(--ms-gold) !important;
    box-shadow: 0 0 0 3px rgba(201,169,110,0.15) !important;
    background: #fff !important;
    outline: none !important;
}

/* ── BOTÓN ACCEDER ───────────────────────────────────────────── */
#loginform .button-primary,
#lostpasswordform .button-primary,
.login .button-primary {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    background: var(--ms-navy) !important;
    border: none !important;
    border-radius: 6px !important;
    color: var(--ms-gold) !important;
    padding: 0.9375rem !important;
    height: auto !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: background 0.2s !important;
    cursor: pointer !important;
}

#loginform .button-primary:hover,
.login .button-primary:hover {
    background: #2A3F6A !important;
}

/* ── CHECKBOX RECORDARME ────────────────────────────────────── */
#loginform .forgetmenot {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

#loginform .forgetmenot label {
    font-size: 0.8125rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--ms-stone) !important;
}

/* ── MENSAJES DE ERROR ───────────────────────────────────────── */
#login_error {
    border-left: 4px solid #C0392B !important;
    background: rgba(192,57,43,0.06) !important;
    border-radius: 6px !important;
    color: #C0392B !important;
    font-size: 0.875rem !important;
    padding: 0.875rem 1rem !important;
}

/* ── WRAPPER ────────────────────────────────────────────────── */
#login {
    width: 360px !important;
    max-width: calc(100vw - 2rem) !important;
    position: relative;
    z-index: 1;
}

/* Pie de página de WordPress — oculto */
.login #login_footer,
body.login > p {
    display: none !important;
}