/* /theme/mb2nl/style/djimo-ticker.css */

/* Conteneur principal (La pilule jaune) */
.djimo-ticker-wrap {
    width: 100%;
    max-width: 800px; /* Même largeur que le traducteur */
    height: 32px; /* Hauteur fine */
    margin: 0 auto 8px auto; /* Centré + petit espace en bas */
    background-color: #FFD700; /* Jaune Djimo */
    border-radius: 50px;
    overflow: hidden; /* Masque ce qui sort du cadre */
    box-sizing: border-box;
    position: relative;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* La bande qui défile */
.djimo-ticker {
    display: inline-block;
    white-space: nowrap; /* Empêche le retour à la ligne */
    padding-left: 100%; /* Départ hors champ à droite */
    box-sizing: border-box;
    animation: djimo-scroll 30s linear infinite; /* Animation continue */
}

/* Pause au survol de la souris */
.djimo-ticker-wrap:hover .djimo-ticker {
    animation-play-state: paused;
}

/* Style des mots */
.djimo-word {
    display: inline-block;
    padding: 0 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.8rem;
    line-height: 32px; /* Centrage vertical */
    font-weight: 700;
    color: #222;
}

.djimo-word .en {
    font-weight: 400;
    font-style: italic;
    color: #555;
    font-size: 0.9em;
}

/* Définition de l'animation */
@keyframes djimo-scroll {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}