/* ============================================================
   BLOC MARQUEE — shokola_marquee
   CSS scoppé (chargé uniquement quand le bloc est présent).
   Tokens : variables du framework Kakao uniquement.
   ============================================================ */
.shk-marquee {
    border-top: 1px solid var(--color-dark);
    border-bottom: 1px solid var(--color-dark);
    background: var(--color-dark);
    color: var(--color-paper);
    overflow: hidden;
    padding: 18px 0;
    white-space: nowrap;
}

.shk-marquee-track {
    display: inline-flex;
    gap: 0;
    animation: shkMarq 38s linear infinite;
}

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

.shk-marquee-track span {
    font-family: var(--font-2);
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .02em;
    padding: 0 32px;
    display: inline-flex;
    align-items: center;
    gap: 32px;
}

.shk-marquee-track span::after {
    content: "✳";
    color: var(--color-secondaire);
    font-size: .7em;
}

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

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