/* ==========================================================================
   Numéro de téléphone
   Le numéro doit rester lisible et non coupé : c'est l'élément de conversion
   n°1 du site.
   ========================================================================== */

.phone-number {
    white-space: nowrap; /* jamais de retour à la ligne au milieu du numéro */
    font-variant-numeric: tabular-nums;
}

/* Gros numéro du bandeau urgence (26 px mobile / 23 px desktop) */
.phone-display {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-min); /* c'est un lien d'appel : cible tactile */
    font-family: var(--font-heading);
    font-size: var(--fs-phone-banner);
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1.1;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.phone-display:hover {
    color: var(--c-orange);
}