@keyframes promo-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.promo-marquee {
    display: inline-block;
    white-space: nowrap;
    animation: promo-scroll 22s linear infinite;
    will-change: transform;
}

/* Keep the navigation bar identical on every public page. */
#main-header > .container {
    height: 72px !important;
    min-height: 72px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (max-width: 1100px) {
    #main-header > .container {
        height: 52px !important;
        min-height: 52px !important;
    }

    #main-header > .container > nav.hidden {
        display: none !important;
    }

    #main-header #mobile-menu-btn {
        display: grid !important;
        place-items: center;
    }

    #main-header #mobile-menu:not(.hidden-menu) {
        display: flex !important;
        flex-direction: column;
    }

    #main-header > .container > a:first-child > div:first-child {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    #main-header > .container > a:first-child img {
        height: 36px !important;
    }
}

#main-header > .container > a[aria-label="Accueil Carbo Pneus"] {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.625rem;
    border: 1px solid rgb(113 113 122 / 30%);
    border-radius: 0.75rem;
    background: #f5efe4;
    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    transition: transform 300ms ease;
}

#main-header > .container > a[aria-label="Accueil Carbo Pneus"]:hover {
    transform: scale(1.05);
}

@media (prefers-reduced-motion: reduce) {
    .promo-marquee {
        animation: none;
    }

    #main-header > .container > a[aria-label="Accueil Carbo Pneus"] {
        transition: none;
    }
}