/* Ensure full-height for background */
html, body {
    height: 100%;
}

/* Page background color and SVG */
body {
    background-color: hsla(48, 100%, 95%, 1);
    background-image: url('../img/bg-login.svg');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #212529;
}

/* Password “eye” toggle button */
.toggle-password {
    border: none;
    background-color: transparent;
}
.toggle-password:focus,
.toggle-password:hover {
    border: none;
    background-color: transparent;
}

/* Language dropdown pill styling */
.language-changer {
    position: relative;
    color: #2d394f;
}
.language-changer > a {
    background-color: #fff;
    color: #2d394f;
    border: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    padding: 0.5rem 1rem;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}
.language-changer > a:hover,
.language-changer > a:focus {
    background-color: #2d394f;
    color: #fff;
}

/* Flag image sizing in dropdown */
.selected-language {
    width: 24px;
    margin-right: 8px;
}
.country-wrap .dropdown-item img {
    width: 20px;
    margin-right: 8px;
}

/* Ensure reCAPTCHA badge sits on top */
.grecaptcha-badge {
    z-index: 9999 !important;
}