/* ═══════════════════════════════════════════════════════════
   BLU DIAMOND RENT — Login Page
   ═══════════════════════════════════════════════════════════ */

/* ── FONT ─────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ── RESET & BODY ─────────────────────────────────────────── */
html, body.login {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100vh !important;
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif !important;
    background: #000d1a !important;
    overflow: hidden !important;
}

/* ── NASCONDE ELEMENTI EXTRA (Hostinger logo, selettore lingue, ecc.) ── */
/* Nasconde qualsiasi div/nav aggiunto da plugin fuori da #login */
body.login > div:not(#login),
body.login > nav,
body.login > header,
body.login > aside,
body.login > section { display: none !important; }

/* Selettore lingua WordPress */
body.login #language-switcher,
body.login .language-switcher,
body.login p.language-switcher,
body.login select[name="language"],
body.login .login-select-lang,
body.login #login > p:last-of-type:has(select) { display: none !important; }

/* Hostinger login logo / branding extra */
body.login [class*="hostinger"],
body.login [id*="hostinger"],
body.login .hpanel-login { display: none !important; }

/* ── SFONDO ANIMATO ───────────────────────────────────────── */
body.login::before {
    content: '' !important;
    position: fixed !important;
    inset: 0 !important;
    background:
        radial-gradient(ellipse 80% 60% at 20% 30%, rgba(0,183,255,0.12) 0%, transparent 60%),
        radial-gradient(ellipse 60% 70% at 80% 70%, rgba(0,60,100,0.25) 0%, transparent 60%),
        linear-gradient(160deg, #000d1a 0%, #001525 40%, #002040 100%) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* Particelle di sfondo */
body.login::after {
    content: '' !important;
    position: fixed !important;
    inset: 0 !important;
    background-image:
        radial-gradient(1.5px 1.5px at 15% 20%, rgba(0,183,255,0.35) 0%, transparent 100%),
        radial-gradient(1px 1px at 45% 60%, rgba(0,183,255,0.2) 0%, transparent 100%),
        radial-gradient(2px 2px at 75% 15%, rgba(0,183,255,0.25) 0%, transparent 100%),
        radial-gradient(1px 1px at 90% 50%, rgba(0,183,255,0.15) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 30% 85%, rgba(0,183,255,0.2) 0%, transparent 100%),
        radial-gradient(1px 1px at 60% 35%, rgba(0,183,255,0.18) 0%, transparent 100%) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* ── WRAPPER PRINCIPALE ───────────────────────────────────── */
#login {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 420px !important;
    padding: 0 20px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100vh !important;
    box-sizing: border-box !important;
}

/* ── LOGO (h1 nativo nascosto — usiamo #bda-login-logo iniettato via PHP) */
#login h1 { display: none !important; }

/* ── LOGO INIETTATO ───────────────────────────────────────── */
#bda-login-logo {
    text-align: center !important;
    margin-bottom: 6px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
#bda-login-logo img {
    max-width: 160px !important;
    max-height: 55px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    /* Logo bianco con glow blu sottile */
    filter: brightness(0) invert(1) drop-shadow(0 0 14px rgba(0,183,255,0.5)) !important;
}

/* ── FORM CARD (GLASSMORPHISM) ────────────────────────────── */
#loginform,
#lostpasswordform,
#registerform {
    background: rgba(255,255,255,0.04) !important;
    backdrop-filter: blur(20px) saturate(1.5) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.5) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 20px !important;
    padding: 36px 36px 28px !important;
    box-shadow:
        0 24px 60px rgba(0,0,0,0.5),
        0 0 0 1px rgba(0,183,255,0.08),
        inset 0 1px 0 rgba(255,255,255,0.1) !important;
    margin-top: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ── LABEL ────────────────────────────────────────────────── */
#loginform label,
#lostpasswordform label {
    color: rgba(255,255,255,0.55) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* ── INPUT ────────────────────────────────────────────────── */
#loginform input[type="text"],
#loginform input[type="password"],
#loginform input[type="email"],
#lostpasswordform input[type="text"],
#lostpasswordform input[type="email"] {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    padding: 12px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
}
#loginform input[type="text"]:focus,
#loginform input[type="password"]:focus,
#lostpasswordform input[type="text"]:focus {
    background: rgba(0,183,255,0.08) !important;
    border-color: rgba(0,183,255,0.5) !important;
    box-shadow: 0 0 0 3px rgba(0,183,255,0.15) !important;
}
#loginform input[type="text"]::placeholder,
#loginform input[type="password"]::placeholder {
    color: rgba(255,255,255,0.2) !important;
}
/* Autocomplete background fix */
#loginform input:-webkit-autofill,
#loginform input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #001525 inset !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
}

/* ── CHECKBOX "Ricordami" ─────────────────────────────────── */
.forgetmenot {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.forgetmenot label {
    color: rgba(255,255,255,0.45) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
}
.forgetmenot input[type="checkbox"] {
    accent-color: #00b7ff !important;
    width: 14px !important;
    height: 14px !important;
    cursor: pointer !important;
}

/* ── SUBMIT BUTTON ────────────────────────────────────────── */
#loginform .submit,
#lostpasswordform .submit {
    margin-top: 20px !important;
}
#wp-submit,
#loginform input[type="submit"],
#lostpasswordform input[type="submit"] {
    background: linear-gradient(135deg, #00b7ff 0%, #0094d4 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    padding: 13px 20px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 20px rgba(0,183,255,0.35) !important;
    -webkit-appearance: none !important;
    float: none !important;
}
#wp-submit:hover,
#loginform input[type="submit"]:hover {
    background: linear-gradient(135deg, #1fc3ff 0%, #00b7ff 100%) !important;
    box-shadow: 0 6px 28px rgba(0,183,255,0.5) !important;
    transform: translateY(-1px) !important;
}
#wp-submit:active,
#loginform input[type="submit"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 10px rgba(0,183,255,0.3) !important;
}

/* ── MESSAGGI DI ERRORE ───────────────────────────────────── */
#login_error,
.login .message {
    background: rgba(239,68,68,0.12) !important;
    border: 1px solid rgba(239,68,68,0.3) !important;
    border-radius: 10px !important;
    border-left: none !important;
    color: #fca5a5 !important;
    font-size: 13px !important;
    padding: 12px 16px !important;
    margin-bottom: 16px !important;
    box-shadow: none !important;
}
.login .message {
    background: rgba(0,183,255,0.1) !important;
    border-color: rgba(0,183,255,0.25) !important;
    color: rgba(255,255,255,0.7) !important;
}

/* ── MESSAGGIO CUSTOM SOTTO IL LOGO ──────────────────────── */
.bda-login-msg {
    color: rgba(255,255,255,0.4) !important;
    font-size: 13px !important;
    text-align: center !important;
    margin: 0 0 20px !important;
    font-weight: 400 !important;
}

/* ── LINK "Hai dimenticato la password?" ─────────────────── */
#nav a,
#backtoblog a,
.login #nav a,
.login #backtoblog a {
    color: rgba(255,255,255,0.35) !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
#nav a:hover,
#backtoblog a:hover {
    color: #00b7ff !important;
}
#nav, #backtoblog {
    text-align: center !important;
    padding: 12px 0 0 !important;
}

/* ── PRIVACY POLICY LINK ─────────────────────────────────── */
.login .privacy-policy-page-link {
    display: none !important;
}

/* ── SCROLLBAR ────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(0,183,255,0.3); border-radius: 3px; }