/* ── Scrolling Marquee Bar — frontend styles ── */

.scrolling-text-container {
    overflow: hidden;
    background-color: #000;   /* overridden by inline style from block */
}

.scrolling-text-inner {
    display: flex;
    white-space: nowrap;
    padding: 10px 0;
    color: var(--marquee-color, #fff);
    font-size: var(--marquee-font-size, 16px);
}

.scrolling-text {
    display: flex;
    flex-shrink: 0;
}

.scrolling-text-item {
    padding: 0 30px;
}