/*
 * Custom WordPress Login Screen Styles
 * Alabama Values for America Theme
 *
 * Background mirrors the homepage contact section
 * (white + subtle red crosshatch). Form sits on cream paper.
 */

/* ---------- Page background ---------- */
body.login {
    background-color: #FFFFFF !important;
    background-image:
        repeating-linear-gradient(45deg, transparent 0 18px, rgba(191, 56, 58, 0.045) 18px 19px),
        repeating-linear-gradient(-45deg, transparent 0 18px, rgba(191, 56, 58, 0.045) 18px 19px) !important;
}

/* ---------- Logo (the AVA seal) ----------
   The seal is set inline via functions.php so we can compute the theme URL.
   These rules size it as a square, drop the WP wordmark, and give it a soft
   shadow that respects the seal's circular silhouette (filter > box-shadow). */
#login h1 a {
    width: 130px !important;
    height: 130px !important;
    margin: 0 auto 30px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: drop-shadow(0 6px 12px rgba(35, 54, 79, 0.18));
    transition: transform 0.25s ease, filter 0.25s ease;
}
#login h1 a:hover {
    transform: translateY(-1px);
    filter: drop-shadow(0 8px 16px rgba(35, 54, 79, 0.22));
}

/* The seal links to homepage (set in functions.php); keep it clickable. */
.login h1 a {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* ---------- Login form: cream "paper" sitting on white ---------- */
#loginform,
#registerform,
#lostpasswordform {
    background: #FDF9F0 !important;
    border: 1px solid rgba(35, 54, 79, 0.08) !important;
    box-shadow:
        0 20px 40px -12px rgba(35, 54, 79, 0.18),
        0 8px 16px -8px rgba(35, 54, 79, 0.10) !important;
    border-radius: 6px !important;
    padding: 32px !important;
}

/* Field labels above inputs */
#loginform label,
#registerform label,
#lostpasswordform label {
    color: #23364F !important;
    font-weight: 600 !important;
}

/* ---------- Input fields ---------- */
#loginform input[type="text"],
#loginform input[type="password"],
#registerform input[type="text"],
#registerform input[type="email"],
#lostpasswordform input[type="text"] {
    background: #FFFFFF !important;
    color: #23364F !important;
    border: 2px solid rgba(35, 54, 79, 0.15) !important;
    border-radius: 4px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

#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 {
    border-color: #BF383A !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(191, 56, 58, 0.15) !important;
}

/* ---------- Submit button: brand-red with cream-shadow lockup ---------- */
#loginform input[type="submit"],
#registerform input[type="submit"],
#lostpasswordform input[type="submit"] {
    background-color: #BF383A !important;
    color: #FDF9F0 !important;
    border: 2px solid #FDF8ED !important;
    border-radius: 0 !important;
    padding: 12px 28px !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    box-shadow: 4px 4px 0 #23364F !important;
    text-shadow: none !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease !important;
    min-height: 44px;
    cursor: pointer;
}

#loginform input[type="submit"]:hover,
#registerform input[type="submit"]:hover,
#lostpasswordform input[type="submit"]:hover,
#loginform input[type="submit"]:focus,
#registerform input[type="submit"]:focus,
#lostpasswordform input[type="submit"]:focus {
    background-color: #23364F !important;
    color: #FDF8ED !important;
    border-color: #FDF8ED !important;
    box-shadow: 6px 6px 0 #BF383A !important;
    transform: translate(-2px, -2px) !important;
    outline: none !important;
}

/* ---------- Links: "Remember Me", "Lost password?", "Back to site" ---------- */
#login a,
#login p a {
    color: #23364F !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(191, 56, 58, 0.3);
    padding-bottom: 1px;
    transition: color 0.2s ease, border-color 0.2s ease;
}

#login a:hover,
#login p a:hover {
    color: #BF383A !important;
    border-bottom-color: #BF383A;
}

#backtoblog a,
#nav a {
    color: #23364F !important;
}

#backtoblog a:hover,
#nav a:hover {
    color: #BF383A !important;
}

/* "Remember Me" checkbox label */
.forgetmenot label {
    color: #23364F !important;
}

/* ---------- Messages / errors / success notices ---------- */
.message,
#login_error,
.success {
    background-color: #FDF9F0 !important;
    border-left-color: #BF383A !important;
    color: #23364F !important;
    box-shadow: 0 4px 12px rgba(35, 54, 79, 0.08) !important;
}

#login_error {
    border-left-color: #BF383A !important;
}

.message {
    border-left-color: #23364F !important;
}

/* ---------- Privacy policy footer link area ---------- */
.privacy-policy-page-link a {
    color: #23364F !important;
}
.privacy-policy-page-link a:hover {
    color: #BF383A !important;
}