/* verif.css — le choix du pays d'un numéro de téléphone et l'état vérifié d'un champ (voir verif.js).
   Les couleurs suivent la page quand elle définit --bleu, --trait, --encre-2 ; sinon des valeurs sobres. */
.verif-tel{display:flex;align-items:stretch;gap:0;width:100%;min-width:0}
.verif-tel input{flex:1 1 auto;min-width:0;direction:ltr;border-start-start-radius:0!important;border-end-start-radius:0!important}
.verif-pays{order:-1;position:relative;flex:none;display:flex;align-items:center;gap:6px;padding:0 30px 0 12px;border:1px solid var(--trait,#d9dce6);border-inline-end:0;border-start-start-radius:12px;border-end-start-radius:12px;background:var(--blanc-2,#f5f6fa);font-size:20px;line-height:1;cursor:pointer}
.verif-pays::after{content:"";position:absolute;inset-inline-end:12px;top:50%;width:7px;height:7px;margin-top:-5px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);opacity:.55;pointer-events:none}
.verif-pays select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.verif-pays:focus-within{outline:2px solid var(--bleu,#1644fb);outline-offset:1px;z-index:1}
.verif-drapeau{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:19px;min-width:1.4em;text-align:center}
.verif-etat{display:block;font-size:12.5px;line-height:1.45;font-weight:500;color:var(--encre-2,#5c6178)}
.verif-etat[hidden],.verif-etat:empty{display:none}
.verif-etat.ok{color:#127a4b}
.verif-etat.ok::before{content:"✓ "}
.verif-etat.attente{color:var(--encre-2,#5c6178)}
[aria-invalid=true]~.verif-etat.ok,.invalide .verif-etat.ok,.erreur .verif-etat.ok{display:none}