/* ---------------------------------------------------- */
/* Pages de connexion : signin, forgot_password,        */
/* change_password (journal/refonte_pages_connexion.md) */
/* ---------------------------------------------------- */
body{background-color: var(--rqs-green-light)}
body > footer{display:none}

/* requaconsult-theme.css donne padding-top: 60px a tout enfant direct de body
   (place de la navbar fixe) : on le remplace par un espacement plus large */
.rqs-auth {
    background-color: var(--rqs-green-light);
    padding: 7rem 16px 3rem;
}

.rqs-auth-card {
    max-width: 420px;
    margin: 0 auto;
    padding: 2rem;
    background-color: #fff;
    border-top: 4px solid var(--rqs-green);
    border-radius: .5rem;
    box-shadow: 0 .25rem 1rem rgba(46, 93, 52, .12);
}

.rqs-auth-brand {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--rqs-green-mid);
    color: var(--rqs-green);
    font-size: 1.15rem;
    font-weight: 700;
    text-decoration: none;
}
.rqs-auth-brand img {
    height: 40px;
    width: auto;
}
.rqs-auth-brand:hover {
    color: #1a3d1f;
}

.rqs-auth-card h1 {
    margin: .25rem 0 .5rem;
    color: var(--rqs-green);
    font-size: 1.6rem;
    font-weight: 700;
}
.rqs-auth-lead {
    margin-bottom: 1.5rem;
    color: var(--rqs-text-muted);
    font-size: .95rem;
}

.rqs-auth-card .form-label {
    margin-bottom: .35rem;
    color: var(--rqs-text);
    font-weight: 600;
}
.rqs-auth-card .form-control {
    padding: .6rem .8rem;
}
.rqs-auth-card .form-control:focus {
    border-color: var(--rqs-green);
    box-shadow: 0 0 0 .2rem rgba(46, 93, 52, .25);
}
.rqs-auth-card .form-text {
    color: var(--rqs-text-muted);
}

/* bouton "oeil" : meme bordure que le champ, pas de fond gris */
.rqs-auth-card .rqs-password-toggle {
    border-color: var(--bs-border-color);
    color: var(--rqs-text-muted);
}
.rqs-auth-card .rqs-password-toggle:hover,
.rqs-auth-card .rqs-password-toggle:focus-visible {
    background-color: var(--rqs-green-light);
    color: var(--rqs-green);
}
.rqs-auth-card .is-invalid ~ .rqs-password-toggle {
    border-color: var(--bs-form-invalid-border-color);
}

.rqs-auth-card .btn-rqs {
    padding: .65rem;
    background-color: var(--rqs-green);
    border-color: var(--rqs-green);
    color: #fff;
    font-weight: 600;
}
.rqs-auth-card .btn-rqs:hover,
.rqs-auth-card .btn-rqs:active {
    background-color: #245229;
    border-color: #245229;
    color: #fff;
}
.rqs-auth-card .btn-rqs:focus-visible {
    outline: 3px solid #8cc152;
    outline-offset: 2px;
}

.rqs-auth-card a:not(.rqs-auth-brand),
.rqs-auth-help a {
    color: var(--rqs-green);
}
.rqs-auth-card a:not(.rqs-auth-brand):hover,
.rqs-auth-help a:hover {
    color: #1a3d1f;
}
.rqs-auth-link {
    margin: 1.5rem 0 0;
    text-align: center;
}

.rqs-auth-help {
    max-width: 420px;
    margin: 1.25rem auto 0;
    color: var(--rqs-text-muted);
    font-size: .9rem;
    text-align: center;
}

@media (max-width: 576px) {
    .rqs-auth {
        padding-top: 5.5rem;
    }
    .rqs-auth-card {
        padding: 1.5rem;
    }
}