/* ===== BANDE DÉROULANTE INFORMATIVE ===== */
.announcement-bar {
    background: linear-gradient(90deg, #d4500a, #e8690f, #d4500a);
    color: #fff;
    padding: 8px 0;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.announcement-track {
    display: flex;
    width: max-content;           /* ← clé : le conteneur prend la largeur réelle du texte */
    animation: scrollMarquee 55s linear infinite;
}

.announcement-track:hover {
    animation-play-state: paused;
}

.announcement-content {
    display: inline-block;
    padding: 0 2rem;
    white-space: nowrap;          /* ← empêche tout retour à la ligne */
}

.announcement-content strong {
    font-weight: 700;
}

@keyframes scrollMarquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }  /* -50% de la largeur RÉELLE du track */
}

/* Responsive */
@media (max-width: 576px) {
    .announcement-bar {
        font-size: 0.78rem;
        padding: 6px 0;
    }
}