/* ===== 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;
    }
}

/* span new badge */
.new-badge {
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);

    background: #dc3545;
    color: white;
    font-size: 10px;
    font-weight: bold;

    padding: 2px 8px;
    border-radius: 12px;
    white-space: nowrap;

    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }

    50% {
        opacity: 0.4;
        transform: translateX(-50%) scale(1.1);
    }
}

@media (max-width: 1199px) {
    .menu-new .new-badge {
        left: 35px;
        transform: none;
    }
}

@media (max-width: 1199px) {
    .menu-new .new-badge {
        left: 35px;
        transform: none;
    }
}