/* ---------------------------------------------------------------------------
 * OTP-2026-DEV — S5c. Modale de validation OTP du front V2 "client_v2".
 *
 * FEUILLE DEDIEE, VOLONTAIREMENT MINIMALE. Contrairement au front V1, ce front
 * a Bootstrap 3 : la modale, ses boutons et ses messages sont habilles par les
 * classes maison (.modal, .btn, .form-control, .text-danger...), exactement
 * comme les autres modales de index.html. Il ne reste donc a definir ici que ce
 * que Bootstrap ne sait pas faire : la mise en forme du champ de saisie du code.
 *
 * Deux regles de conduite, a respecter si vous reprenez cette feuille :
 *
 *  1. AUCUN selecteur d'element nu, aucune regle sur `body` ou `html`. Chaque
 *     regle part de #otpValidationPopup, identifiant qui n'existe nulle part
 *     ailleurs dans le projet. Cette feuille ne doit RIEN changer a l'existant.
 *  2. Ne pas y remettre ce que Bootstrap fournit deja : dupliquer .btn ou
 *     .modal-dialog ici ferait diverger la modale OTP du reste du site des la
 *     premiere retouche de theme d'une MB.
 * ------------------------------------------------------------------------- */

/* Chasse fixe + interlettrage : les 6 chiffres restent lisibles et alignes.
   Le reste (bordure, hauteur, focus) vient de .form-control. */
#otpValidationPopup .erdv-otp-code {
    font-family: "Courier New", Courier, monospace;
    font-size: 22px;
    letter-spacing: 7px;
    text-align: center;
    height: auto;
    padding: 8px 10px;
}

/* Compte a rebours : information de second plan, jamais un message d'alerte. */
#otpValidationPopup .erdv-otp-validity {
    margin-top: 8px;
    color: #888;
    font-size: 11px;
}

/* Le bouton d'abandon est volontairement en retrait du bouton de validation :
   c'est la sortie, pas l'action attendue. */
#otpValidationPopup .erdv-otp-cancel {
    float: right;
}

#otpValidationPopup .erdv-otp-actions:after {
    content: "";
    display: block;
    clear: both;
}