#myowndeliveries-next-appointment {
    /* Le conteneur principal centre tout le texte */
    text-align: center; 
    color: white !important; 
    width: 100%; 
    margin: 5px 0;
    
    /* Définition de la taille de police UNIQUE */
    font-size: 14px; 
    font-weight: bold;
    line-height: 1.5em; /* Hauteur de ligne stable pour l'alignement vertical */
    
    transition: opacity 0.3s ease-in-out; 
    
    /* Assure que tous les éléments sont sur une seule ligne si l'espace le permet */
    white-space: nowrap; 
}

/* ⚠️ CORRECTION CRITIQUE: Supprime l'espace entre les inline-blocks. */
#appointment-display-container {
    font-size: 0; /* Élimine tous les espaces blancs/nœuds de texte */
    display: inline-block;
    vertical-align: middle;
}

/* Réapplique la taille de police et alignement sur tous les enfants */
#myowndeliveries-next-appointment span,
#myowndeliveries-next-appointment a,
#static-appointment-content,
#alternating-prefix-container,
#async-appointment-content,
.appointment-datetime-wrapper,
.nav-arrow,
#alternating-prefix-container .alternating-text { 
    display: inline-block;
    vertical-align: middle; 
    color: white !important;
    text-decoration: none;
    margin: 0; 
    padding: 0;
    font-size: 14px; /* Rétablit la taille de police */
}

/* ������ CORRECTION DE L'ESPACE : Ajoute l'espace unique souhaité après le texte (entre le texte et le chevron droit) */
.appointment-datetime-wrapper {
    margin-right: 5px; 
}

/* ������ CORRECTION DE LA ZONE DE CLIC : Rend le chevron plus cliquable/stable */
.nav-arrow {
    cursor: pointer;
    font-size: 1.5em; 
    
    /* Augmente le padding pour une meilleure zone de clic, même près du bord */
    padding: 0 4px; 
    
    line-height: 1.5em; 
    display: inline-block; 
}

/* --- EFFET BOUNCE IN CLASSIQUE --- */

@keyframes bounceInEffect {
    0%, 20%, 40%, 60%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounce-in {
    animation: bounceInEffect 0.5s ease-out;
}

/* --- ALTERNANCE DU PREFIXE --- */

#alternating-prefix-container {
    position: relative;
    /* Largeur fixée pour éviter les mouvements lors de l'alternance */
    min-width: 170px; 
    text-align: center; 
    height: 1.5em; 
    margin-right: 5px; 
}

.alternating-text {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0; 
    transition: opacity 1s ease-in-out; 
    line-height: 1.5em;
    text-align: center;
    white-space: nowrap; 
}

.alternating-text.active {
    opacity: 1; 
}

/* Assure que le lien téléphone dans le texte alternatif ne soit pas coloré/souligné par défaut */
#alternating-prefix-container a {
    color: inherit !important;
    text-decoration: none !important;
}

.alternating-text .fas.fa-phone {
    margin-right: 2px; 
    font-size: 1.2em;
    vertical-align: baseline; 
}