/* ساختار اصلی تیکر */
.honar-ticker-container {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.honar-ticker-header {
    display: flex;
    align-items: center;
    padding: 0 15px;
    white-space: nowrap;
    z-index: 2;
}

.honar-ticker-label {
    padding: 8px 15px;
    display: flex;
    align-items: center;
    font-weight: bold;
    border-radius: 2px;
}

.honar-ticker-icon {
    margin-left: 8px;
}

.honar-ticker-content {
    flex: 1;
    overflow: hidden;
    position: relative;
    height: 40px;
}

.honar-ticker-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}

.honar-ticker-item {
    padding: 8px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}

.honar-ticker-item a {
    text-decoration: none;
    transition: color 0.3s ease;
}

.honar-ticker-date {
    margin-right: 10px;
    opacity: 0.8;
}

/* انیمیشن اسکرول */
.honar-ticker-animate-scroll .honar-ticker-list {
    animation: honar-scroll-vertical 20s linear infinite;
}

@keyframes honar-scroll-vertical {
    0% { transform: translateY(0); }
    100% { transform: translateY(-100%); }
}

/* انیمیشن محو شدن */
.honar-ticker-animate-fade .honar-ticker-item {
    animation: honar-fade-in-out 6s infinite;
    opacity: 0;
    position: absolute;
    width: 100%;
}

@keyframes honar-fade-in-out {
    0% { opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}

/* انیمیشن اسلاید */
.honar-ticker-animate-slide .honar-ticker-list {
    display: flex;
    animation: honar-slide-horizontal 20s linear infinite;
}

@keyframes honar-slide-horizontal {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

/* انیمیشن تایپ */
.honar-ticker-animate-typing .honar-ticker-item {
    overflow: hidden;
    white-space: nowrap;
    animation: honar-typing 4s steps(40) infinite;
}

@keyframes honar-typing {
    from { width: 0 }
    to { width: 100% }
}

/* توقف انیمیشن هنگام هاور */
.honar-ticker-content[data-pause="yes"]:hover .honar-ticker-list,
.honar-ticker-content[data-pause="yes"]:hover .honar-ticker-item {
    animation-play-state: paused;
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .honar-ticker-container {
        flex-direction: column;
    }

    .honar-ticker-header {
        width: 100%;
        justify-content: center;
    }

    .honar-ticker-content {
        width: 100%;
    }
}