/* ===== نوار پیام متحرک (Marquee) بالای سایت ===== */
.announcement-bar {
    background: #183fad;
    color: #fff;
    overflow: hidden !important;
    position: relative;
    display: block !important;
    width: 100%;
    height: 38px !important;
    line-height: 22px;
    white-space: nowrap !important;
}
.announcement-bar .announcement-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content;
    min-width: 100%;
    height: 38px !important;
    align-items: center;
    white-space: nowrap !important;
    animation-name: hk-announcement-scroll;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    will-change: transform;
}
/* وقتی موس روی نوار می‌ره، حرکت مکث می‌کنه تا خوندن/کلیک روی لینک راحت‌تر باشه */
.announcement-bar:hover .announcement-track,
.announcement-bar:focus-within .announcement-track {
    animation-play-state: paused;
}
.announcement-bar .announcement-item {
    display: block;
    flex: 0 0 auto !important;
    padding: 8px 40px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap !important;
    line-height: 22px;
    color: #fff;
    text-decoration: none;
}
a.announcement-item:hover {
    text-decoration: underline;
}
@keyframes hk-announcement-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
/* برای کاربرانی که حرکت زیاد رو ترجیح نمی‌دن، اسکرول متوقف و پیام وسط‌چین می‌مونه */
@media (prefers-reduced-motion: reduce) {
    .announcement-bar .announcement-track { animation: none; }
    .announcement-bar { text-align: center; }
    .announcement-bar .announcement-item:nth-child(2) { display: none; }
}