/* ===== Composant « bin-card-fill » : bloc de saisie du numéro de carte (BIN) =====
   Rendu par Views/Visa/Shared/_BinCardFill.cshtml, piloté par components/bin-card-fill.js.
   Les champs utilisent le composant partagé « field » (components/field.css).
   Réutilise le composant .callout (variante error) pour le rejet BIN serveur. */

.bin-card-fill__intro {
    line-height: var(--line-height-relaxed);
    color: var(--color-overlay-dark); /* #000000B2 — même couleur que .page-card__lead */
}

/* Encadré d'erreur BIN : titre en gras + sous-texte, dans un .callout--error. */

.bin-card-fill__error .callout__title {
    margin: 0;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
}

.bin-card-fill__error .callout__text {
    margin: var(--spacing-xs3) 0 0;
    font-size: var(--font-size-sm);

    &:empty {
        display: none;
    }
}