@media (max-width: 767.98px) {
    /* حذف بک‌گراند کلی نوار */
    .portfolio-filters {
        background: transparent !important;
        gap: 8px;
        padding: 10px 0;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .portfolio-filters .nav-link {
            /* دکمه‌های غیرفعال: متن تیره و حاشیه مشخص */
            background-color: transparent !important;
            color: #212529 !important; /* رنگ متن کاملاً تیره برای وضوح */
            border: 2px solid #dee2e6 !important; /* حاشیه ضخیم‌تر و مشخص */

            padding: 8px 16px;
            border-radius: 8px;
            font-size: 13px;
            font-weight: 700; /* ضخیم کردن متن برای دیده شدن بهتر */
            white-space: nowrap;
            transition: all 0.2s;
        }

            /* دکمه اکتیو: رنگ اکسنت و حذف حاشیه اضافی */
            .portfolio-filters .nav-link.active {
                background-color: var(--accent-color) !important;
                color: #ffffff !important;
                border-color: var(--accent-color) !important;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }

            /* آیکون‌ها */
            .portfolio-filters .nav-link i {
                margin-left: 5px;
                font-size: 1.1rem;
                vertical-align: middle;
            }
}

/* مخفی کردن اسکرول‌بار زشت در موبایل */
.portfolio-filters::-webkit-scrollbar {
    display: none;
}