/* SRS Custom Ticker Styles v4.0.0 */
.srs-ticker-container {
    display: flex;
    width: 100%; 
    background-color: #dddff8;
    height: 30px; 
    line-height: 30px; 
    overflow: hidden; 
    position: relative;
    font-family: Arial, sans-serif; 
    margin: 15px 0;
}
.srs-ticker-label {
    background-color: #9b0761; 
    color: #ffffff; 
    padding: 0 15px; 
    font-weight: bold;
    font-size: 16px; 
    white-space: nowrap; 
    z-index: 2;
}
.srs-ticker-box {
    flex-grow: 1; 
    overflow: hidden; 
    position: relative;
}
#srs-ticker-list {
    list-style: none; 
    margin: 0; 
    padding: 0;
    position: absolute;
    /* Start from the right edge */
    left: 100%;
    white-space: nowrap;
    /* No animation by default */
}
#srs-ticker-list.is-scrolling {
    /* Animation starts from right outside and moves to left */
    animation: srs-scroll-classic var(--scroll-speed, 20s) linear infinite;
}
#srs-ticker-list.paused {
    animation-play-state: paused;
}
#srs-ticker-list li {
    display: inline-block;
    padding: 0 25px;
}
#srs-ticker-list li a {
    color: #fb0009; text-decoration: none; font-size: 16px; font-weight: 500;
}
#srs-ticker-list li a:hover {
    text-decoration: underline; color: #3323f0;
}
/* Keyframes for classic scroll - starting from right outside */
@keyframes srs-scroll-classic {
    from { 
        transform: translateX(0); /* Start at right outside */
    }
    to { 
        transform: translateX(calc(-100% - 50vw));  /* Move completely to the left */
    }
}
.srs-ticker-controls {
    background-color: #dddddd; display: flex; align-items: center; z-index: 2;
}
.srs-control-btn {
    background: transparent; border: none; color: #ffffff; cursor: pointer;
    height: 30px; width: 30px; display: flex; align-items: center; justify-content: center;
}
.srs-control-btn:hover {
    background-color: #4a5fff;
}
.srs-control-btn .dashicons {
    font-size: 16px; width: 16px; height: 16px;
}

/* Hide the Label on Mobile Devices */
@media (max-width: 768px) {
    .srs-ticker-label {
        display: none;
    }
}