
#desktopHeaderSearchResult {
  transition: opacity 0.2s ease;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

#desktopHeaderSearchResult a:hover {
  background-color: #f9fafb;
}

/* اسکرول بار سفارشی */
#desktopHeaderSearchResult .overflow-y-auto::-webkit-scrollbar {
  width: 6px;
}

#desktopHeaderSearchResult .overflow-y-auto::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

#desktopHeaderSearchResult .overflow-y-auto::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

#desktopHeaderSearchResult .overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}

/* انیمیشن لودینگ */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}


@keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.animate-spin-slow { animation: spin-slow 8s linear infinite; }
@keyframes line-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.animate-line-grow { animation: line-grow 0.5s ease-out forwards; }
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
.group:hover .group-hover\:animate-float { animation: float 2s ease-in-out infinite; }
@keyframes pulse-ring { 0% { transform: scale(0.8); opacity: 0.5; } 50% { transform: scale(1.2); opacity: 0.2; } 100% { transform: scale(0.8); opacity: 0.5; } }
.animate-pulse-ring { animation: pulse-ring 2s ease-in-out infinite; }



.category-menu .group\/item {
    cursor: pointer;
}

/* استایل تب‌ها */
.tab-button.active {
    color: #ef4444;
    border-bottom-color: #ef4444;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

/* استایل زیرمنوهای کلیک شونده */
.subcategory-item {
    transition: all 0.2s ease;
}

.subcategory-item:hover {
    background-color: #fef2f2;
    padding-right: 0.5rem;
}

/* استایل اسکرول برای منوهای بلند */
#subcategory-content::-webkit-scrollbar,
.banners-container::-webkit-scrollbar {
    width: 4px;
}

#subcategory-content::-webkit-scrollbar-track,
.banners-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

#subcategory-content::-webkit-scrollbar-thumb,
.banners-container::-webkit-scrollbar-thumb {
    background: #ef4444;
    border-radius: 10px;
}

/* انیمیشن برای آیتم‌های منو */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.subcategory-item {
    animation: slideIn 0.2s ease-out forwards;
}

/* ارتفاع ثابت برای محتوای تب */
#default-tab-content {
    height: auto;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #f97316, #ef4444);
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #ef4444, #dc2626);
}

/* انیمیشن ورود نتایج */
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

