/* Freshdesk Portal — wp-login.php branding */

body.login {
    background: linear-gradient(93.97deg, #005DAF 0%, #004576 49.67%);
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    flex-direction: column;
}

body.login #login {
    margin: 0;
}

/* Logo */
#login h1 a,
.login h1 a {
    background-image: url('../Intellis_Logo_RGB_white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 220px;
    height: 114px;
}

/* Remove card — form sits directly on gradient */
.login form {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

/* Labels */
.login label {
    font-size: .9rem;
    font-weight: 500;
    color: #fff;
}

/* "Remember me" label */
.login .forgetmenot label {
    color: rgba(255, 255, 255, .75);
}

/* Inputs — borderless except bottom line */
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 1rem;
    padding: .6rem 0;
    transition: border-color .15s;
}

.login input[type="text"]::placeholder,
.login input[type="password"]::placeholder,
.login input[type="email"]::placeholder {
    color: rgba(255, 255, 255, .45);
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
    border-bottom-color: #fff;
    box-shadow: none;
    outline: none;
    color: #fff;
}

/* WP wraps the form in a white #login box — strip it */
#login {
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 0 20px;
}

/* Submit button */
.login .button-primary,
.login input[type="submit"].button-primary,
#wp-submit {
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 6px;
    color: #fff;
    font-size: 1rem;
    padding: .6rem 1.5rem;
    height: auto;
    box-shadow: none;
    text-shadow: none;
    transition: background .15s, border-color .15s;
}

.login .button-primary:hover,
.login .button-primary:focus,
.login input[type="submit"].button-primary:hover,
#wp-submit:hover {
    background: rgba(255, 255, 255, .25);
    border-color: #fff;
    box-shadow: none;
    color: #fff;
}

/* All buttons — uniform size and style */
.login .button,
.login .button-secondary {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 6px;
    color: #fff;
    font-size: 1rem;
    padding: .6rem 1.5rem;
    height: auto;
    box-shadow: none;
    text-shadow: none;
    transition: background .15s, border-color .15s;
}

.login .button:hover,
.login .button-secondary:hover,
.login .button:focus,
.login .button-secondary:focus {
    background: rgba(255, 255, 255, .1);
    border-color: #fff;
    color: #fff;
    box-shadow: none;
}

/* Links below form */
.login #nav a,
.login #backtoblog a {
    color: rgba(255, 255, 255, .8);
    text-decoration: none;
}

.login #nav a:hover,
.login #backtoblog a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Admin email verification + other interstitial screens */
.login h1,
.login h2,
.login p,
.login .admin-email__heading,
.login .admin-email__actions p,
.interim-login.login h1 {
    color: #fff;
}

.login a,
.login .admin-email__remind a {
    color: rgba(255, 255, 255, .8);
}

.login a:hover,
.login .admin-email__remind a:hover {
    color: #fff;
}

.login hr {
    border-color: rgba(255, 255, 255, .25);
}

/* Error / notice messages */
.login #login_error,
.login .message,
.login .success {
    background: rgba(0, 0, 0, .2);
    border: none;
    border-radius: 6px;
    color: #fff;
}


.login-action-lostpassword p#nav,
.login-action-lostpassword p#backtoblog{
    display: none;
}