.language-switcher {
    display: none;
}

#login h1 a, .login h1 a {
    background-image: url(../img/login-logo.svg);
    height: 65px;
    width: 320px;
    background-size: 320px 65px;
    background-repeat: no-repeat;
}

body.login {
    background-color: #121529 !important;
    background: radial-gradient(circle closest-side at 25% 25%, rgb(46 71 111) 0%, transparent 100%), radial-gradient(circle closest-side at 72% 65%, rgb(100 59 114) 0%, transparent 100%);
    background-repeat: repeat;
    background-size: 150vw 300vh;
    background-position: -20vw -70vh;
    animation: bgAnimation 3s ease-in-out infinite alternate;
}

@keyframes bgAnimation {
    from {
        background-size: 150vw 300vh;
        background-position: -20vw -70vh
    }

    to {
        background-size: 170vw 320vh;
        background-position: -40vw -80vh
    }
}

#nav a, #backtoblog a, .privacy-policy-link {
    color: #fff !important;
}

.login label {
    color: #121529;
    font-weight: 500;
}

span.dashicons.dashicons-visibility, span.dashicons.dashicons-hidden {
    color: #ffba00;
}

html body.wp-core-ui input[type="submit"] {
    background-color: #ffba00;
    color: #121529;
    border: 0;
    font-weight: 500;
    transition: all .3s;
}

html body.wp-core-ui input[type="submit"]:hover, html body.wp-core-ui input[type="submit"]:focus, html body.wp-core-ui input[type="submit"]:active {
    background-color: #c59207;
    color: #fff
}

span.dashicons.dashicons-translation {
    color: #fff;
}

form {
    border-radius: 5px;
    border: 0 !important;
    box-shadow: unset !important;
}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    border-color: #ffba00;
    box-shadow: 0 0 0 1px #ffba00;
}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #ffba00;
}

.login .message {
    border-color: #ffba00;
}

.wp-core-ui .button-secondary:focus, .wp-core-ui .button.focus, .wp-core-ui .button:focus {
    border-color: #ffba00;
    color: #0a4b78;
    box-shadow: 0 0 0 1px #ffba00;
}

.wp-core-ui select:focus {
    border-color: #ffba00;
    color: #ffba00;
    box-shadow: 0 0 0 1px #ffba00;
}

.wp-core-ui select:hover {
    color: #ffba00;
}

input[type=checkbox]:checked::before {
    content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23ffba00%27%2F%3E%3C%2Fsvg%3E");
}

#cookie-notice .cookie-notice-container {
    width: 90%;
    padding: 26px 24px;
    font-weight: 400;
    overflow: hidden;
    background: #fff;
    border: 1px solid #c3c4c7;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
    color: #121529 !important;
    position: absolute;
    z-index: 9999 !important;
    left: 15px;
    bottom: 15px !important;
    text-align: left !important;
    border-radius: 5px;

    #cn-notice-buttons {
        display: flex;
        gap: 10px;
    }

    #cn-close-notice {
        display: none;
    }

    button.cn-button {
        background-color: #ffba00 !important;
        color: #121529;
        border: 0;
        font-weight: 500;
        border-radius: 5px;
        margin: 0;
        transition: all .3s;

        &:hover {
            background-color: #c59207 !important;
            color: #fff;
            transition: all .3s;
        }
    }
}

@media (min-width: 767px) {
    body:after {
        content: '';
        background: url(../img/bewise-solutions-branding-2025-quote.svg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position: fixed;
        bottom: 40px;
        right: 40px;
        width: 305px;
        height: 67px;
    }

    #cookie-notice .cookie-notice-container {
        width: 26% !important;
    }
}