/* telephone.css — Le couple « liste d'indicatifs + numéro ».
 *
 * Posé dans un fichier à part, et non en ligne dans chaque page : les cinq
 * formulaires qui portent un téléphone n'ont pas les mêmes styles de champ, et
 * seules ces quelques règles doivent leur être communes. Le module Courriels
 * sert par ailleurs une CSP qui ignore les styles en ligne — une feuille de
 * même origine y passe sans rien d'autre.
 *
 * La liste ne doit pas écraser le numéro : largeur fixe pour l'une, le reste
 * pour l'autre, et les deux repassent l'un sous l'autre sur un téléphone.
 */

.afb-tel {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}

.afb-tel .afb-tel-ind {
    flex: 0 0 auto;
    width: 13em;
    max-width: 100%;
    min-width: 0;
}

.afb-tel .afb-tel-num {
    flex: 1 1 10em;
    min-width: 9em;
}

/* Sous 520 px, la liste prend toute la largeur : tronquée à côté du numéro,
   « +262 — La Réunion / Mayotte » devient « +262 — La Réu… » et on ne sait
   plus ce qu'on a choisi. */
@media (max-width: 520px) {
    .afb-tel { flex-wrap: wrap; }
    .afb-tel .afb-tel-ind,
    .afb-tel .afb-tel-num { flex: 1 1 100%; width: 100%; }
}

/* Numéro amputé par la troncature d'avant le 06/10/2026 : signalé partout où
   il s'affiche, pour qu'on sache qu'il faut le redemander au joueur. */
.afb-tel-tronque {
    color: #a3161b;
    font-weight: 700;
}