/**
 * Dark Web Theme - Login Page Styles
 */

body.login {
    background: #000000 !important;
    font-family: 'Courier New', 'Roboto Mono', monospace !important;
    color: #E0E0E0 !important;
}

.login h1 a {
    background-image: none !important;
    color: #00FF7F !important;
    font-size: 2rem !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    text-decoration: none !important;
    animation: glitch 2s infinite !important;
}

/* Glitch Animation for Login Logo */
@keyframes glitch {
    0%, 90%, 100% {
        text-shadow: 
            0.05em 0 0 #00FF7F,
            -0.05em -0.025em 0 #FF0033,
            0.025em 0.05em 0 #00FF7F;
    }
    15% {
        text-shadow: 
            0.05em 0 0 #00FF7F,
            -0.05em -0.025em 0 #FF0033,
            0.025em 0.05em 0 #00FF7F;
    }
    20% {
        text-shadow: none;
    }
    25% {
        text-shadow: 
            0.05em 0 0 #00FF7F,
            -0.05em -0.025em 0 #FF0033,
            0.025em 0.05em 0 #00FF7F;
        transform: translate(-2px, 1px);
    }
    30% {
        text-shadow: 
            -0.05em 0 0 #00FF7F,
            0.025em 0.025em 0 #FF0033,
            -0.05em -0.05em 0 #00FF7F;
        transform: translate(1px, -1px);
    }
    35% {
        text-shadow: 
            0.05em 0 0 #00FF7F,
            -0.05em -0.025em 0 #FF0033,
            0.025em 0.05em 0 #00FF7F;
        transform: translate(0);
    }
}

#loginform,
#registerform,
#lostpasswordform {
    background: rgba(0, 0, 0, 0.9) !important;
    border: 2px solid #00FF7F !important;
    border-radius: 0 !important;
    box-shadow: 
        0 0 20px rgba(0, 255, 127, 0.3),
        inset 0 0 20px rgba(0, 255, 127, 0.1) !important;
    padding: 2rem !important;
}

#loginform::before,
#registerform::before,
#lostpasswordform::before {
    content: '> SECURE LOGIN TERMINAL' !important;
    display: block !important;
    color: #00FF7F !important;
    font-size: 0.9rem !important;
    margin-bottom: 1rem !important;
    text-align: center !important;
    letter-spacing: 1px !important;
}

.login label {
    color: #E0E0E0 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 0.9rem !important;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
    background: #121212 !important;
    border: 1px solid #00FF7F !important;
    border-radius: 0 !important;
    color: #E0E0E0 !important;
    font-family: 'Courier New', 'Roboto Mono', monospace !important;
    padding: 0.8rem !important;
    box-shadow: inset 0 0 10px rgba(0, 255, 127, 0.1) !important;
    transition: all 0.3s ease !important;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
    border-color: #FF0033 !important;
    box-shadow: 
        0 0 10px rgba(255, 0, 51, 0.5),
        inset 0 0 10px rgba(255, 0, 51, 0.1) !important;
    outline: none !important;
}

.wp-core-ui .button-primary {
    background: linear-gradient(45deg, #00FF7F, #00CC66) !important;
    border: none !important;
    border-radius: 0 !important;
    color: #000000 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 0.8rem 2rem !important;
    text-shadow: none !important;
    box-shadow: 0 0 15px rgba(0, 255, 127, 0.3) !important;
    transition: all 0.3s ease !important;
    font-family: 'Courier New', 'Roboto Mono', monospace !important;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    background: linear-gradient(45deg, #FF0033, #CC0022) !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 20px rgba(255, 0, 51, 0.5) !important;
    transform: translateY(-2px) !important;
}

.login #nav a,
.login #backtoblog a {
    color: #00FF7F !important;
    text-decoration: none !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 0.8rem !important;
    transition: all 0.3s ease !important;
}

.login #nav a:hover,
.login #backtoblog a:hover {
    color: #FF0033 !important;
    text-shadow: 0 0 10px #FF0033 !important;
}

.login .message {
    background: rgba(0, 255, 127, 0.1) !important;
    border: 1px solid #00FF7F !important;
    border-radius: 0 !important;
    color: #E0E0E0 !important;
    padding: 1rem !important;
    font-family: 'Courier New', 'Roboto Mono', monospace !important;
}

.login .message::before {
    content: '> ' !important;
    color: #00FF7F !important;
    font-weight: bold !important;
}

.login #login_error {
    background: rgba(255, 0, 51, 0.1) !important;
    border: 1px solid #FF0033 !important;
    border-radius: 0 !important;
    color: #FF0033 !important;
    padding: 1rem !important;
    font-family: 'Courier New', 'Roboto Mono', monospace !important;
}

.login #login_error::before {
    content: '> ERROR: ' !important;
    font-weight: bold !important;
}

/* Checkbox styling */
.login input[type="checkbox"] {
    appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    border: 1px solid #00FF7F !important;
    background: #121212 !important;
    position: relative !important;
    cursor: pointer !important;
}

.login input[type="checkbox"]:checked::after {
    content: '✓' !important;
    position: absolute !important;
    top: -2px !important;
    left: 1px !important;
    color: #00FF7F !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

/* Loading animation */
.login #loginform.loading::after {
    content: '> AUTHENTICATING...' !important;
    position: absolute !important;
    bottom: -30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    color: #00FF7F !important;
    font-size: 0.8rem !important;
    animation: blink 1s infinite !important;
}

@keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

/* Background matrix effect */
body.login::before {
    content: '' !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: 
        radial-gradient(circle at 25% 25%, #00FF7F 1px, transparent 1px),
        radial-gradient(circle at 75% 75%, #00FF7F 1px, transparent 1px) !important;
    background-size: 50px 50px !important;
    background-position: 0 0, 25px 25px !important;
    opacity: 0.05 !important;
    z-index: -1 !important;
    animation: matrix-bg 20s linear infinite !important;
}

@keyframes matrix-bg {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50px); }
}

/* Terminal cursor for username/password fields */
.login input[type="text"]::placeholder,
.login input[type="password"]::placeholder,
.login input[type="email"]::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}

.login input[type="text"]:focus::placeholder,
.login input[type="password"]:focus::placeholder,
.login input[type="email"]:focus::placeholder {
    opacity: 0 !important;
}

/* Additional security styling */
.login .privacy-policy-page-link {
    color: #666666 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.login .privacy-policy-page-link a {
    color: #00FF7F !important;
    text-decoration: none !important;
}

.login .privacy-policy-page-link a:hover {
    color: #FF0033 !important;
    text-shadow: 0 0 5px #FF0033 !important;
}