/**
 * Habillage du widget captcha.
 *
 * CSS simple (pas de SCSS) : le module reste autonome et portable, il ne
 * dépend pas de la chaîne de build du thème. Aucune valeur en dur — tout est
 * repris des custom properties du design system, exposées globalement par
 * assets/dist/css/style.css.
 *
 * Le widget est un web component à shadow DOM : on ne le style pas de
 * l'extérieur, on pilote les custom properties qu'il expose (--altcha-*).
 */

.milleis-captcha {
    margin-block: var(--gap-l);

    /* Palette — reprise des tokens du thème */
    --altcha-color-base: var(--color-white);
    --altcha-color-base-content: var(--color-black);
    --altcha-color-primary: var(--color-primary);
    --altcha-color-primary-content: var(--color-white);
    --altcha-color-neutral: var(--color-light);
    --altcha-color-neutral-content: var(--color-black);
    --altcha-color-success: var(--color-primary);
    --altcha-color-error: #b3261e;

    /* Formes — le design system est à angles droits (--radius-* = 0) */
    --altcha-border-radius: var(--radius-m);
    --altcha-border-color: var(--color-dark);
    --altcha-border-width: 1px;
    --altcha-checkbox-border-radius: var(--radius-s);
    --altcha-checkbox-border-color: var(--color-dark);

    /* Focus clavier — même traitement que le reste du site (RGAA) */
    --altcha-checkbox-outline: 2px solid var(--color-secondary);
    --altcha-checkbox-outline-offset: 2px;

    --altcha-spinner-color: var(--color-primary);
    --altcha-padding: var(--gap-s) var(--gap-m);
    --altcha-max-width: 100%;
    --altcha-shadow: none;
}

.milleis-captcha altcha-widget {
    display: block;
    font-family: var(--font-body);
    font-size: var(--size-s);
}

/* Message affiché quand JavaScript est indisponible. */
.milleis-captcha-noscript {
    margin: 0;
    padding: var(--gap-s) var(--gap-m);
    border: 1px solid var(--color-dark);
    font-size: var(--size-s);
}

/**
 * Honeypot — masqué à l'écran sans utiliser `display: none`, que certains
 * bots détectent et contournent. Le conteneur porte aria-hidden="true" et
 * l'input tabindex="-1" : ni les lecteurs d'écran ni le parcours clavier
 * ne l'atteignent.
 */
.milleis-captcha-hp {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}