/**
 * WP Admin Login — Double A Solutions theme styling.
 * Palette mirrors assets/css/style.css :root
 *   --blue #0057ff  --blue-ink #0052cc  --blue-soft #e8f0ff
 *   --amber #fdc018  --ink #0a1628  --line #e6ebf2  --bg-soft #f6f8fc
 */
@import url("../fonts/fonts.css");

/* --- Page canvas: on-brand blue → ink radial --- */
body.login {
    background-color: #0a1628;
    background-image: radial-gradient(1000px 800px at 50% 12%, #0d3aa0 0%, #0a1628 62%);
    font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", sans-serif;
    color: #0a1628;
    min-height: 100vh;
}

#login {
    width: 420px;
    padding: 5% 0 4%;
}

/* --- Logo (white footer mark on dark bg) --- */
#login h1 a,
.login h1 a {
    background-image: url(../img/footer-logo.webp) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 240px;
    height: 92px;
    margin: 0 auto 26px;
    padding-bottom: 0;
}

/* --- The form card --- */
.login form {
    position: relative;
    margin-top: 0;
    padding: 34px 30px 34px;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    box-shadow: 0 24px 60px -20px rgba(3, 12, 36, .55);
    overflow: hidden;
    font-weight: 400;
}

/* amber brand accent bar across the top of the card */
.login form::before {
    content: "";
    position: absolute;
    left: 24px;
    right: 24px;
    top: 0;
    height: 4px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, #0057ff 0%, #fdc018 100%);
}

/* --- Labels + inputs --- */
.login label {
    font-size: 14px;
    line-height: 1.5;
    color: #3d4f6b;
    display: block;
}

.login form .input,
.login input[type=text],
.login input[type=password],
.login input[type=email] {
    background: #f6f8fc;
    height: 50px;
    padding: 0 16px;
    font-size: 16px;
    color: #0a1628;
    border: 1px solid #e6ebf2;
    border-radius: 10px;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.login form .input:focus,
.login input[type=text]:focus,
.login input[type=password]:focus,
.login input[type=email]:focus {
    background: #ffffff;
    border-color: #0057ff;
    box-shadow: 0 0 0 3px rgba(0, 87, 255, .15) !important;
    outline: 0;
}

/* show/hide password + its icon */
body.login .button.wp-hide-pw {
    height: 50px;
    color: #8a93a8;
    background: transparent;
    border: none;
}
body.login .button.wp-hide-pw:hover {
    color: #0057ff;
}

/* --- Remember me --- */
.login input[type=checkbox] {
    accent-color: #0057ff;
    border: 1px solid #cfd7e6;
    margin-right: 8px;
}
.login .forgetmenot label {
    color: #3d4f6b;
}

/* --- Primary submit button --- */
.login .submit .button-primary,
.login .submit input,
.wp-core-ui .button-primary {
    display: inline-block;
    width: 100%;
    min-height: 50px;
    height: 50px;
    margin-top: 6px;
    padding: 0 22px;
    border: none;
    border-radius: 10px;
    background: #0057ff !important;
    background-color: #0057ff !important;
    color: #ffffff !important;
    text-shadow: none;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .2px;
    cursor: pointer;
    box-shadow: 0 10px 22px -8px rgba(0, 87, 255, .6) !important;
    transition: background .15s ease, transform .05s ease, box-shadow .15s ease;
}

.login .submit .button-primary:hover,
.login .submit input:hover,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    background: #0052cc !important;
    background-color: #0052cc !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px -8px rgba(0, 82, 204, .7) !important;
}
.wp-core-ui .button-primary:active {
    transform: translateY(1px);
}

/* keep the button block on its own row, fully inside the card */
.login #loginform .submit,
.login .submit {
    float: none;
    clear: both;
    margin: 4px 0 0;
    padding: 0;
}
body.login form .forgetmenot {
    display: flex;
    align-items: center;
    margin: 0 0 14px;
}

/* --- Below-form nav links (on the dark canvas) ---
   Use #login-prefixed selectors to beat WP core's #login #nav specificity. */
#login #nav,
#login #backtoblog,
.login #nav,
.login #backtoblog {
    float: none;
    display: block;
    width: 100%;
    padding: 0 !important;
    margin: 16px 0 0 !important;
    font-size: 14px;
    text-align: center;
    text-shadow: none;
    white-space: normal;
}
#login #nav a,
#login #backtoblog a,
#login #nav a:focus,
#login #backtoblog a:focus {
    color: rgba(255, 255, 255, .78);
    transition: color .15s ease;
}
#login #nav a:hover,
#login #backtoblog a:hover {
    color: #fdc018;
}

/* --- Notices: error / message / success as clean cards --- */
.login #login_error,
.login .message,
.login .success {
    margin: 0 0 18px;
    padding: 12px 16px;
    background: #ffffff;
    border: 1px solid #e6ebf2;
    border-radius: 10px;
    color: #0a1628;
    font-size: 14px;
    box-shadow: 0 14px 34px -18px rgba(3, 12, 36, .5);
}
.login #login_error {
    border-left: 4px solid #e23b3b;
}
.login .message {
    border-left: 4px solid #0057ff;
}
.login .success {
    border-left: 4px solid #23a05b;
}
.login #login_error a,
.login .message a,
.login .success a {
    color: #0057ff;
}

/* --- Language switcher --- */
.login .language-switcher .button {
    border-radius: 8px;
}

/* --- Optional agency credit (login_message) --- */
.login-copyright {
    display: none;
}

/* strip default focus outlines but keep our custom focus ring above */
.login * {
    outline: 0;
}