/*
 * ناوبریِ بالای سایت (دسکتاپ): هاورِ ملایم + حالتِ فعالِ ماندگار برای همهٔ آیتم‌ها — همان چیپِ بنفشِ «مجله ایونتی».
 * فقط توکن‌های تم: --accent-rgb / --accent-ink.
 */
header .hdr-nav-item {
    border-radius: 999px;
    padding: .3rem .85rem;
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
header .hdr-nav-item:hover:not(.is-active) {
    background: rgba(var(--accent-rgb, 91, 63, 216), .12);
    color: var(--accent-ink, #4c2fb0);
}
html.dark header .hdr-nav-item:hover:not(.is-active) { color: #c4b5fd; }
header a.hdr-nav-item.is-active,
header a.hdr-nav-item[aria-current="page"] {
    background: rgb(var(--accent-rgb, 91, 63, 216));
    color: #fff !important;
    box-shadow: 0 8px 18px -10px rgba(var(--accent-rgb, 91, 63, 216), .8);
}
header a.hdr-nav-item.is-active svg, header a.hdr-nav-item[aria-current="page"] svg { opacity: 1; }
header .hdr-nav-item:focus-visible { outline: 2px solid rgb(var(--accent-rgb, 91, 63, 216)); outline-offset: 2px; }
header .hdr-nav-item::before, header .hdr-nav-item::after { display: none !important; }