/* assets/css/style.css */
/* این فایل شامل استایل‌های اصلی از globals.css و Tailwind است */
/* Tailwind از طریق CDN در هدر لود شده، پس نیازی به کامپایل نیست */

/* استایل‌های سفارشی */
.filter-btn.active {
    @apply bg-emerald-600 text-white border-emerald-600;
}

.portfolio-card {
    @apply bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden hover:shadow-md transition-shadow cursor-pointer;
}

.portfolio-card img {
    @apply w-full h-48 object-cover;
}

.portfolio-card .content {
    @apply p-4;
}

.portfolio-card .content h3 {
    @apply text-xl font-semibold text-gray-900;
}

.portfolio-card .content p {
    @apply text-gray-600 text-sm mt-1;
}

.tech-badge {
    @apply inline-block px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-700 rounded-md;
}

/* دکمه‌ها */
.btn-primary {
    @apply px-4 py-2 bg-emerald-600 text-white rounded-lg hover:bg-emerald-700 transition;
}

.btn-outline {
    @apply px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition;
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .mobile-menu {
        @apply block;
    }
    .desktop-nav {
        @apply hidden;
    }
}
#user-dropdown {
    transform-origin: top right;
    transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s ease;
}

#user-dropdown.opacity-100 {
    transform: scale(1);
}

#user-dropdown.opacity-0 {
    transform: scale(0.95);
}