/*
 * Widget anti-robot ALTCHA — habillage via ses variables --altcha-* uniquement
 * (le widget vit dans un Shadow DOM : les variables héritées le traversent, pas les sélecteurs).
 * Tokens charte : tokens.css. Pas de mode sombre en V1 (charte §9).
 */
.mbb-altcha {
    width: 100%;
}

altcha-widget {
    display: block;
    width: 100%;
    font-family: var(--mbb-font-body);

    --altcha-max-width: 100%;
    --altcha-padding: .75rem 1rem;
    --altcha-border-width: 1px;
    --altcha-border-color: var(--mbb-border);
    --altcha-border-radius: var(--mbb-radius-field);
    --altcha-shadow: none;

    --altcha-color-base: #fff;
    --altcha-color-base-content: var(--mbb-ink);
    --altcha-color-neutral: var(--mbb-ink-2);
    --altcha-color-neutral-content: #fff;
    --altcha-color-primary: var(--mbb-crust);
    --altcha-color-primary-content: #fff;
    --altcha-color-success: var(--mbb-sage);
    --altcha-color-success-content: #fff;
    --altcha-color-error: var(--mbb-danger);
    --altcha-color-error-content: #fff;

    --altcha-checkbox-size: 1.5rem;
    --altcha-checkbox-border-color: var(--mbb-ink-2);
    --altcha-checkbox-border-radius: 6px;
    --altcha-checkbox-border-width: 1.5px;
    --altcha-checkbox-outline-color: var(--mbb-crust);
    --altcha-spinner-color: var(--mbb-crust);
    --altcha-transition-duration: .15s;
}

.mbb-altcha__noscript {
    margin: .5rem 0 0;
    font-size: .875rem;
    color: var(--mbb-danger);
}