.ticker-wrap {
    width: 100%;
    overflow: hidden;
    /* Keep overflow hidden for the wrap */
    background-color: var(--primary-color);
    /* Using theme color */
    padding: 15px 0;
    color: var(--text-light);
    /* Using theme color */
    position: relative;
    /* Needed for absolute positioning of :before */
    display: flex;
    /* To align the label and ticker */
    align-items: center;
}

/* Removed .ticker-wrapper as it was removed from HTML */

.ticker-wrap .ticker {
    display: flex;
    white-space: nowrap;
    animation: ticker-rtl 90s linear infinite;
    min-width: max-content;
    /* Ensure content is wide enough to scroll */
}

.ticker-wrap .ticker-item {
    display: inline-block;
    /* padding: 0 2rem; */
    padding-right: 0.7rem;
    font-size: 1.1rem;
    /* Slightly smaller font */
    color: var(--text-light);
    /* Using theme color */
    flex-shrink: 0;
    /* Prevent items from shrinking */
}

.ticker-item::before {
    content: "● ";
    color: #d0c291;
    margin-left: 0.5rem;
}

@keyframes ticker-rtl {

    /* New animation for RTL */
    0% {
        transform: translateX(-20%);
    }

    100% {
        transform: translateX(100%);
    }
}

.ticker-wrap:before {
    content: "";

    color: var(--bg-white);
    /* White text on accent background */
    font-weight: bold;
    padding: 15px 20px;
    /* Adjusted padding */
    position: relative;
    /* Changed to relative to flow with content */
    z-index: 2;
    border-radius: 0 10px 10px 0;
    /* Rounded corner on the right */
    margin-right: 15px;
    /* Space between label and ticker */
    flex-shrink: 0;
    /* Prevent label from shrinking */
}