/*
 Theme Name: GeneratePress Child
 Theme URI: https://scanyourmeds.com/
 Description: Child theme for GeneratePress
 Author: Diane Valent
 Author URI: https://webbydiane.com
 Template: generatepress
 Version: 1.0.0
 Text Domain: generatepress-child
*/

/* Add your custom CSS below this line */
/* === ScanYourMeds login / lost password styling === */
body.login {
    background: #0f172a url('http://scanyourmeds.com/wp-content/uploads/2025/11/medications-scaled.jpg') no-repeat center center fixed;
    background-size: cover;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.login #login {
    width: 360px;
    padding: 24px 26px 28px;
    background: rgba(255, 255, 255, 0.96);
    border-radius: 10px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.55);
}

/* Replace WP logo with your pills logo */
body.login #login h1 a {
    background-image: url('http://scanyourmeds.com/wp-content/uploads/2025/11/PILLS-300x85.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 300px;
    height: 85px;
    margin: 0 auto 10px;
}

/* Style the form fields to match your site */
body.login .login form {
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    box-shadow: none;
}

body.login .login form .input,
body.login .login input[type="text"],
body.login .login input[type="password"],
body.login .login input[type="email"] {
    border-radius: 4px;
    border: 1px solid #9ca3af;
    box-shadow: none;
    padding: 8px 10px;
}

/* Primary button */
body.login .wp-core-ui .button-primary {
    background: #2563eb;
    border-color: #1d4ed8;
    box-shadow: none;
    text-shadow: none;
    border-radius: 999px;
    padding: 0 18px;
}

body.login .wp-core-ui .button-primary:hover {
    background: #1d4ed8;
    border-color: #1e40af;
}

/* Lost password / back to login links */
body.login #nav,
body.login #backtoblog {
    text-align: center;
}

body.login #nav a,
body.login #backtoblog a {
    color: #e5e7eb;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
    color: #ffffff;
}