/**
 * CS AI Platform - Login Page Styles
 *
 * Custom styling for /wp-login.php
 * Applied via login_enqueue_scripts hook
 */

/* ========================================
   PAGE BACKGROUND
   ======================================== */

body.login {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ========================================
   LOGIN BOX
   ======================================== */

#login {
    width: 360px;
    padding-top: 6%;
}

#loginform,
#registerform,
#lostpasswordform {
    background: #ffffff;
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 32px;
}

/* ========================================
   LOGO / HEADER
   ======================================== */

#login h1 a {
    /* Replace WP logo with text or your logo */
    background-image: none;
    width: auto;
    height: auto;
    text-indent: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #494a93; /* blueberry */
}

#login h1 a::after {
    content: 'CS AI Platform';
    display: block;
    text-align: center;
}

/* If you have a logo image, use this instead:
#login h1 a {
    background-image: url('/wp-content/themes/cs-ai-theme/images/logo.svg');
    background-size: contain;
    width: 200px;
    height: 60px;
}
*/

/* ========================================
   FORM LABELS
   ======================================== */

#loginform label,
#registerform label,
#lostpasswordform label {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a2e;
}

/* ========================================
   FORM INPUTS
   ======================================== */

#loginform input[type="text"],
#loginform input[type="password"],
#registerform input[type="text"],
#registerform input[type="email"],
#lostpasswordform input[type="text"] {
    background: #f8f9fa;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

#loginform input[type="text"]:focus,
#loginform input[type="password"]:focus,
#registerform input[type="text"]:focus,
#registerform input[type="email"]:focus,
#lostpasswordform input[type="text"]:focus {
    background: #ffffff;
    border-color: #00abc8;
    box-shadow: 0 0 0 3px rgba(0, 171, 200, 0.15);
    outline: none;
}

/* ========================================
   SUBMIT BUTTON
   ======================================== */

#loginform .submit .button,
#registerform .submit .button,
#lostpasswordform .submit .button {
    width: 100%;
    background: #ffb800; /* dune */
    border: 2px solid #ffb800;
    border-radius: 8px;
    color: #1a1a2e;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 24px;
    text-shadow: none;
    box-shadow: none;
    transition: all 150ms ease;
    margin-top: 8px;
}

#loginform .submit .button:hover,
#loginform .submit .button:focus,
#registerform .submit .button:hover,
#registerform .submit .button:focus,
#lostpasswordform .submit .button:hover,
#lostpasswordform .submit .button:focus {
    background: #e6a600;
    border-color: #e6a600;
    color: #1a1a2e;
    box-shadow: 0 4px 12px rgba(255, 184, 0, 0.3);
}

/* ========================================
   REMEMBER ME CHECKBOX
   ======================================== */

#loginform .forgetmenot {
    margin-top: 16px;
}

#loginform .forgetmenot label {
    font-size: 14px;
    color: #777777;
}

/* ========================================
   LINKS BELOW FORM
   ======================================== */

#nav,
#backtoblog {
    text-align: center;
    margin: 16px 0 0;
    padding: 0;
}

#nav a,
#backtoblog a {
    color: #00abc8;
    font-size: 14px;
    text-decoration: none;
    transition: color 150ms ease;
}

#nav a:hover,
#backtoblog a:hover {
    color: #494a93;
}

/* ========================================
   ERROR / MESSAGE BOXES
   ======================================== */

#login_error,
.message,
.success {
    border-radius: 8px;
    border-left-width: 4px;
    padding: 16px;
    font-size: 14px;
}

#login_error {
    border-left-color: #eb5b50; /* lunar */
    background: #fef2f2;
}

.message {
    border-left-color: #00abc8; /* adriatic */
    background: #f0fafb;
}

.success {
    border-left-color: #6fba6c; /* apple */
    background: #f0fdf4;
}

/* ========================================
   HIDE LANGUAGE SWITCHER (optional)
   ======================================== */

.language-switcher {
    display: none;
}

/* ========================================
   PRIVACY POLICY LINK
   ======================================== */

.privacy-policy-page-link {
    text-align: center;
    margin-top: 24px;
}

.privacy-policy-page-link a {
    color: #acacac;
    font-size: 12px;
}

/* ========================================
   TWO-FACTOR / ADDITIONAL PLUGINS
   If you add 2FA later, style it here
   ======================================== */