/* Charte COURO appliquée à l'espace de gestion AfricanBaddie. */

.ab-brand {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    color: inherit;
}

.ab-brand__name {
    font-family: "Anton", Impact, sans-serif;
    font-size: 1.35rem;
    letter-spacing: .04em;
    line-height: 1;
    text-transform: uppercase;
}

.ab-brand__by {
    font-size: .7rem;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #64696e;
}

.dark .ab-brand__by {
    color: #ced0d3;
}

/* Bouton FR / EN */
.ab-lang {
    display: inline-flex;
    border: 1px solid #ced0d3;
    border-radius: 9999px;
    overflow: hidden;
}

.ab-lang form {
    display: contents;
}

.ab-lang button {
    font: 600 .75rem/1 "Satoshi", ui-sans-serif, system-ui, sans-serif;
    letter-spacing: .08em;
    padding: .45rem .7rem;
    background: transparent;
    color: #393b40;
    cursor: pointer;
}

.ab-lang button[aria-pressed="true"] {
    background: #000;
    color: #fff;
}

.ab-lang button:focus-visible {
    outline: 2px solid #000;
    outline-offset: -2px;
}

.dark .ab-lang {
    border-color: #393b40;
}

.dark .ab-lang button {
    color: #ced0d3;
}

.dark .ab-lang button[aria-pressed="true"] {
    background: #fff;
    color: #000;
}

.ab-lang--auth {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

/* Encadré « Comment ça fonctionne » */
.ab-help p {
    margin: 0 0 .5rem;
    line-height: 1.55;
}

.ab-help ol,
.ab-help ul {
    margin: .25rem 0 .5rem;
    padding-left: 1.25rem;
    display: grid;
    gap: .35rem;
    line-height: 1.55;
}

.ab-help ol { list-style: decimal; }
.ab-help ul { list-style: disc; }
.ab-help li::marker { color: #64696e; font-weight: 600; }
.ab-help strong { font-weight: 600; }
.ab-help em { font-style: normal; text-decoration: underline; text-decoration-color: #ced0d3; text-underline-offset: 3px; }
.ab-help > :last-child p:last-child { margin-bottom: 0; }

.dark .ab-help li::marker { color: #a1a1aa; }
.dark .ab-help em { text-decoration-color: #52525b; }

/* Encadré « Comment ça fonctionne » au-dessus du formulaire de connexion */
.ab-login-help {
    margin-bottom: 1.25rem;
    padding: .85rem 1rem;
    border: 1px solid #e7e8e9;
    border-radius: .5rem;
    background: #f5f6f6;
}

.ab-login-help p {
    margin: 0 0 .4rem;
    line-height: 1.5;
    font-size: .875rem;
    color: #1e2022;
}

.ab-login-help p:last-child { margin-bottom: 0; }
.ab-login-help strong { font-weight: 600; }

.ab-login-help__hint {
    color: #64696e;
    font-size: .8125rem;
}

.dark .ab-login-help {
    border-color: #27272a;
    background: #18181b;
}

.dark .ab-login-help p { color: #e7e8e9; }
.dark .ab-login-help__hint { color: #a1a1aa; }